Don't affix the fixed navbars in mobile views

docs/assets/css/bootstrap.css

@@ -3116,21 +3116,9 @@ button.close {
 
 .navbar-fixed-top,
 .navbar-fixed-bottom {
-  position: fixed;
-  right: 0;
-  left: 0;
-  z-index: 1030;
   border-radius: 0;
 }
 
-.navbar-fixed-top {
-  top: 0;
-}
-
-.navbar-fixed-bottom {
-  bottom: 0;
-}
-
 .navbar .brand {
   display: inline-block;
   padding: 7px 15px;
@@ -3329,6 +3317,19 @@ button.close {
   .navbar-inverse .nav > .divider {
     border-right-color: #2f2f2f;
   }
+  .navbar-fixed-top,
+  .navbar-fixed-bottom {
+    position: fixed;
+    right: 0;
+    left: 0;
+    z-index: 1030;
+  }
+  .navbar-fixed-top {
+    top: 0;
+  }
+  .navbar-fixed-bottom {
+    bottom: 0;
+  }
   .navbar .btn-navbar {
     display: none;
   }

docs/assets/css/docs.css

@@ -10,7 +10,7 @@
 
 body {
   position: relative; /* For scrollyspy */
-  padding-top: 62px; /* Default height of navbar */
+  /* We add the padding to the body for >768px only */
 }
 
 /*  */
@@ -534,9 +534,9 @@ input.focused {
 /* Tablets and up */
 @media screen and (min-width: 768px) {
 
-  /* Account for fixed navbar */
+  /* Account for fixed navbar (which is static to start) */
   body {
-    padding-top: 50px;
+    padding-top: 62px; /* Default height of navbar */
   }
 
   /* Tweak display of docs jumbotrons */

less/navbar.less

@@ -49,17 +49,11 @@
   border-radius: 0;
 }
 
-// Fixed navbar
+// Fixed navbars aren't fixed to start; that comes at >768px
 .navbar-fixed-top,
 .navbar-fixed-bottom {
-  position: fixed;
-  right: 0;
-  left: 0;
-  z-index: @zindex-navbar-fixed;
   border-radius: 0;
 }
-.navbar-fixed-top    { top: 0; }
-.navbar-fixed-bottom { bottom: 0; }
 
 
 
@@ -276,6 +270,17 @@
     border-right-color: lighten(@navbar-inverse-bg, 5%);
   }
 
+  // Fix the top/bottom navbars when screen real estate supports it
+  .navbar-fixed-top,
+  .navbar-fixed-bottom {
+    position: fixed;
+    right: 0;
+    left: 0;
+    z-index: @zindex-navbar-fixed;
+  }
+  .navbar-fixed-top    { top: 0; }
+  .navbar-fixed-bottom { bottom: 0; }
+
   // Required to make the collapsing navbar work on regular desktops
   .navbar .btn-navbar {
     display: none;