mirror of
https://github.com/twbs/bootstrap.git
synced 2025-01-18 10:52:19 +01:00
move padding from container to body for max-width: 767; responsive layout
This commit is contained in:
parent
492ccedcab
commit
738fac18de
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) {
|
||||
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%;
|
||||
|
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 {
|
||||
float: left;
|
||||
}
|
||||
.pager .disabled a, .pager .disabled a:hover {
|
||||
color: #999999;
|
||||
background-color: #fff;
|
||||
cursor: default;
|
||||
}
|
||||
.modal-open .dropdown-menu {
|
||||
z-index: 2050;
|
||||
}
|
||||
|
@ -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>
|
||||
|
2
docs/templates/pages/components.mustache
vendored
2
docs/templates/pages/components.mustache
vendored
@ -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>
|
||||
|
@ -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 {
|
||||
|
Loading…
x
Reference in New Issue
Block a user