mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-14 01:24:19 +02:00
move padding from container to body for max-width: 767; responsive layout
This commit is contained in:
Binary file not shown.
9
docs/assets/css/bootstrap-responsive.css
vendored
9
docs/assets/css/bootstrap-responsive.css
vendored
@@ -141,9 +141,16 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
|
body {
|
||||||
|
padding-left: 20px;
|
||||||
|
padding-right: 20px;
|
||||||
|
}
|
||||||
|
.navbar-fixed-top {
|
||||||
|
margin-left: -20px;
|
||||||
|
margin-right: -20px;
|
||||||
|
}
|
||||||
.container {
|
.container {
|
||||||
width: auto;
|
width: auto;
|
||||||
padding: 0 20px;
|
|
||||||
}
|
}
|
||||||
.row-fluid {
|
.row-fluid {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
5
docs/assets/css/bootstrap.css
vendored
5
docs/assets/css/bootstrap.css
vendored
@@ -3002,6 +3002,11 @@ button.btn.btn-small, input[type="submit"].btn.btn-small {
|
|||||||
.pager .previous a {
|
.pager .previous a {
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
.pager .disabled a, .pager .disabled a:hover {
|
||||||
|
color: #999999;
|
||||||
|
background-color: #fff;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
.modal-open .dropdown-menu {
|
.modal-open .dropdown-menu {
|
||||||
z-index: 2050;
|
z-index: 2050;
|
||||||
}
|
}
|
||||||
|
@@ -1208,6 +1208,8 @@
|
|||||||
<div class="span4">
|
<div class="span4">
|
||||||
<h3>About pager</h3>
|
<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>
|
<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>
|
||||||
<div class="span4">
|
<div class="span4">
|
||||||
<h3>Default example</h3>
|
<h3>Default example</h3>
|
||||||
|
2
docs/templates/pages/components.mustache
vendored
2
docs/templates/pages/components.mustache
vendored
@@ -1132,6 +1132,8 @@
|
|||||||
<div class="span4">
|
<div class="span4">
|
||||||
<h3>{{_i}}About pager{{/i}}</h3>
|
<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>
|
<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>
|
||||||
<div class="span4">
|
<div class="span4">
|
||||||
<h3>{{_i}}Default example{{/i}}</h3>
|
<h3>{{_i}}Default example{{/i}}</h3>
|
||||||
|
@@ -155,12 +155,22 @@
|
|||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
@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
|
// GRID & CONTAINERS
|
||||||
// -----------------
|
// -----------------
|
||||||
// Remove width from containers
|
// Remove width from containers
|
||||||
.container {
|
.container {
|
||||||
width: auto;
|
width: auto;
|
||||||
padding: 0 20px;
|
|
||||||
}
|
}
|
||||||
// Fluid rows
|
// Fluid rows
|
||||||
.row-fluid {
|
.row-fluid {
|
||||||
|
Reference in New Issue
Block a user