move padding from container to body for max-width: 767; responsive layout

This commit is contained in:
Mark Otto 2012-03-05 23:50:03 -08:00
parent 492ccedcab
commit 738fac18de
6 changed files with 28 additions and 2 deletions

Binary file not shown.

View File

@ -141,9 +141,16 @@
}
}
@media (max-width: 767px) {
body {
padding-left: 20px;
padding-right: 20px;
}
.navbar-fixed-top {
margin-left: -20px;
margin-right: -20px;
}
.container {
width: auto;
padding: 0 20px;
}
.row-fluid {
width: 100%;

View File

@ -3002,6 +3002,11 @@ button.btn.btn-small, input[type="submit"].btn.btn-small {
.pager .previous a {
float: left;
}
.pager .disabled a, .pager .disabled a:hover {
color: #999999;
background-color: #fff;
cursor: default;
}
.modal-open .dropdown-menu {
z-index: 2050;
}

View File

@ -1208,6 +1208,8 @@
<div class="span4">
<h3>About pager</h3>
<p>The pager component is a set of links for simple pagination implementations with light markup and even lighter styles. It's great for simple sites like blogs or magazines.</p>
<h4>Optional disabled state</h4>
<p>Pager links also use the general <code>.disabled</code> class from the pagination.</p>
</div>
<div class="span4">
<h3>Default example</h3>

View File

@ -1132,6 +1132,8 @@
<div class="span4">
<h3>{{_i}}About pager{{/i}}</h3>
<p>{{_i}}The pager component is a set of links for simple pagination implementations with light markup and even lighter styles. It's great for simple sites like blogs or magazines.{{/i}}</p>
<h4>{{_i}}Optional disabled state{{/i}}</h4>
<p>{{_i}}Pager links also use the general <code>.disabled</code> class from the pagination.{{/i}}</p>
</div>
<div class="span4">
<h3>{{_i}}Default example{{/i}}</h3>

View File

@ -155,12 +155,22 @@
// --------------------------------------------------
@media (max-width: 767px) {
// Padding to set content in a bit
body {
padding-left: 20px;
padding-right: 20px;
}
.navbar-fixed-top {
margin-left: -20px;
margin-right: -20px;
}
// GRID & CONTAINERS
// -----------------
// Remove width from containers
.container {
width: auto;
padding: 0 20px;
}
// Fluid rows
.row-fluid {