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

diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index e4d53ed8be415a4a72f35c8defeebe9c1089d251..3549d82ccbda0b0eeffffa3da7da197a1a668645 100644 (file)
Binary files a/docs/assets/bootstrap.zip and b/docs/assets/bootstrap.zip differ

diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css
index c327f7f0705e48a1f53e4d74c1b1bf15093563a2..f087b73730277e3a6b8e91769e2c58dfe0ed8d30 100644 (file)
--- a/docs/assets/css/bootstrap-responsive.css
+++ b/docs/assets/css/bootstrap-responsive.css
@@ -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%;

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index a2d178eb4f4d038c92dc71a8eb0733826524a5c7..ef60ecf47a1a1f0f60faae1815d6760bf3e15e65 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -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;
 }

diff --git a/docs/components.html b/docs/components.html
index bb3d4c05c89ee35ff55a9bea606dcea945d65696..b4071a5a720c636824fcc39518c50e9522beaf42 100644 (file)
--- a/docs/components.html
+++ b/docs/components.html
@@ -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>

diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache
index 18b0f7ce47a20f79fd85733f2d59370fc32d1d5f..f38969567f21225dfd20634ec86c191a5ca67b63 100644 (file)
--- a/docs/templates/pages/components.mustache
+++ b/docs/templates/pages/components.mustache
@@ -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>

diff --git a/less/responsive.less b/less/responsive.less
index 7fa62cad9cea316568bcd340997018b469ae38ce..f321891e81fba713407063530e90a7dad8e1a2dc 100644 (file)
--- a/less/responsive.less
+++ b/less/responsive.less
@@ -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 {