fix up sidenav and components page

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index afb9b68a4d2f38d1156b959471e55c678d93e3e8..2195adde9e3d00605773c0da1fd86853af527659 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -4705,7 +4705,7 @@ a.badge:hover {
   
   }
   .container {
-    width: 940px;
+    max-width: 940px;
     margin-right: auto;
     margin-left: auto;
   }

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 7c086d903f37a5c5402413d62d42b06e8665bf11..32b09a805ebe0f8a9115e63b2f63c7ff7a1837a8 100644 (file)
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -169,9 +169,14 @@ section > ul li {
 }
 .bs-docs-sidenav.affix {
   position: static;
-  width: auto;
   top: 0;
 }
+.bs-docs-sidenav.affix-bottom {
+  position: absolute;
+  top: auto;
+  bottom: 270px;
+}
+
 
 /* Chevrons within each link */
 .bs-docs-sidenav .glyphicon-chevron-right {
@@ -192,20 +197,18 @@ section > ul li {
 
 /* Affix all the things, and set widths because they're positioned, depending on viewport size */
 @media screen and (min-width: 768px) {
+  /* From here, start to affix the nav because we keep columns here */
   .bs-docs-sidenav.affix {
     position: fixed;
     top: 10px;
-    width: 170px;
   }
-  .bs-docs-sidenav.affix-bottom {
-    position: absolute;
-    top: auto;
-    bottom: 270px;
+  .bs-docs-sidenav {
+    width: 189px;
   }
 }
 
 @media screen and (min-width: 992px) {
-  .bs-docs-sidenav.affix {
+  .bs-docs-sidenav {
     width: 220px;
   }
 }
@@ -259,6 +262,40 @@ section > ul li {
   margin-bottom: 0;
 }
 
+/* Navbar examples */
+.bs-navbar-top-example,
+.bs-navbar-bottom-example {
+  z-index: 1;
+  padding: 0;
+  height: 90px;
+  overflow: hidden; /* cut the drop shadows off */
+}
+.bs-navbar-top-example .navbar-fixed-top,
+.bs-navbar-bottom-example .navbar-fixed-bottom {
+  margin-left: 0;
+  margin-right: 0;
+}
+.bs-navbar-top-example {
+  -webkit-border-radius: 0 0 4px 4px;
+     -moz-border-radius: 0 0 4px 4px;
+          border-radius: 0 0 4px 4px;
+}
+.bs-navbar-top-example:after {
+  top: auto;
+  bottom: -1px;
+  -webkit-border-radius: 0 4px 0 4px;
+     -moz-border-radius: 0 4px 0 4px;
+          border-radius: 0 4px 0 4px;
+}
+.bs-navbar-bottom-example {
+  -webkit-border-radius: 4px 4px 0 0;
+     -moz-border-radius: 4px 4px 0 0;
+          border-radius: 4px 4px 0 0;
+}
+.bs-navbar-bottom-example .navbar {
+  margin-bottom: 0;
+}
+
 
 
 /* Icons

diff --git a/less/bootstrap.less b/less/bootstrap.less
index 1cbed88ef30c8cb54b11ae2f217f23c416a24688..896a91641af6ac9ce42bbdbed50158ef082c47c7 100644 (file)
--- a/less/bootstrap.less
+++ b/less/bootstrap.less
@@ -87,7 +87,7 @@
   }
 */
   .container {
-    width: 940px;
+    max-width: 940px;
     margin-left: auto;
     margin-right: auto;
   }