twitter/bootstrap — Issue #2291: Responsive mobile/web container padding inconsistent
Author: acorcutt
Created: 2012-02-27 14:13:57+00:00
State: open

The mobile view applies additional padding to the container so any padding applied to content is inconsistent between mobile & web views... is this intended?

If we have any backgrounds on the container and borders/padding within the columns it means we need additional styles to compensate for the padding in the mobile view.

If we remove the padding then content is flush against the edge of the container (consistent with the web view) but this also makes it flush against the mobile screen so just replacing the padding with a margin seems to be a better option...

```
@media (max-width: 768px) {
.container {
width: auto;
padding: 0 0px;
margin:0 10px;
}
}
```