]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
Add in responsive for 1200px+ layout; increase padding for that viewport size
authorMark Otto <otto@github.com>
Wed, 16 Jan 2013 22:48:25 +0000 (14:48 -0800)
committerMark Otto <otto@github.com>
Wed, 16 Jan 2013 22:48:25 +0000 (14:48 -0800)
docs/assets/css/bootstrap.css
docs/assets/css/docs.css
less/bootstrap.less
less/grid.less

index 2195adde9e3d00605773c0da1fd86853af527659..b5cea261d0406e9b8b38a1cbf55ca88ed9bc04cf 100644 (file)
@@ -688,7 +688,6 @@ pre code {
 }
 
 .container {
-  max-width: 940px;
   margin-right: auto;
   margin-left: auto;
 }
@@ -4706,8 +4705,6 @@ a.badge:hover {
   }
   .container {
     max-width: 940px;
-    margin-right: auto;
-    margin-left: auto;
   }
   .navbar {
     padding-top: 0;
@@ -4740,6 +4737,16 @@ a.badge:hover {
   }
 }
 
+@media screen and (min-width: 1200px) {
+  .container {
+    max-width: 1170px;
+  }
+  [class^="span"] {
+    padding-right: 15px;
+    padding-left: 15px;
+  }
+}
+
 /*
 // Responsive
 // -------------------------------------------------------------
index 32b09a805ebe0f8a9115e63b2f63c7ff7a1837a8..36e5e70ce59d30d8aa2a6a851e115eda4bf68af7 100644 (file)
@@ -213,6 +213,11 @@ section > ul li {
   }
 }
 
+@media screen and (min-width: 1200px) {
+  .bs-docs-sidenav {
+    width: 260px;
+  }
+}
 
 
 
index 896a91641af6ac9ce42bbdbed50158ef082c47c7..a0a2e868a28546065cbb0d06b940123ae718f6f0 100644 (file)
@@ -88,8 +88,6 @@
 */
   .container {
     max-width: 940px;
-    margin-left: auto;
-    margin-right: auto;
   }
 
   .navbar {
 
 }
 
+// Responsive: Large desktops and up
+@media screen and (min-width: 1200px) {
+
+  .container {
+    max-width: 1170px;
+  }
+  [class^="span"] {
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+
+}
+
 /*
 // Responsive
 // -------------------------------------------------------------
index 751e9d8c60a81a5d5bfdf3f16964d28957d0ca7c..b8c1c3beb8b749ebbb0e1c275664dff40450c41c 100644 (file)
@@ -6,7 +6,6 @@
 // Set the container width, and override it for fixed navbars in media queries
 .container {
   .container-fixed();
-  max-width: 940px;
 }
 
 // Mobile-first defaults