turn off brand hover for now + get nav toggling in mobile

docs/assets/css/bootstrap-responsive.css

@@ -86,9 +86,6 @@
     width: auto;
     margin: 0;
   }
-  .btn-navbar {
-    display: block;
-  }
 }
 @media (min-width: 768px) and (max-width: 940px) {
   .container {
@@ -258,6 +255,13 @@
     padding-left: 10px;
     padding-right: 10px;
   }
+  .btn-navbar {
+    display: block;
+  }
+  .nav-collapse {
+    overflow: hidden;
+    height: 0;
+  }
 }
 /*
 @media (min-width: 1210px) {

docs/assets/css/bootstrap.css

@@ -2356,7 +2356,6 @@ button.btn.small, input[type="submit"].btn.small {
   margin-top: 3px;
 }
 .navbar .brand:hover {
-  color: #ffffff;
   text-decoration: none;
 }
 .navbar .brand {

docs/base-css.html

@@ -33,12 +33,13 @@
     <div class="navbar navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="btn btn-navbar">
+          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
             <span class="i-bar"></span>
             <span class="i-bar"></span>
             <span class="i-bar"></span>
           </a>
           <a class="brand" href="./index.html">Bootstrap</a>
+          <div class="nav-collapse">
             <ul class="nav">
               <li class="">
                 <a href="./index.html">Overview</a>
@@ -65,6 +66,7 @@
           </div>
         </div>
       </div>
+    </div>
 
     <div class="container">
 

docs/components.html

@@ -33,12 +33,13 @@
     <div class="navbar navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="btn btn-navbar">
+          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
             <span class="i-bar"></span>
             <span class="i-bar"></span>
             <span class="i-bar"></span>
           </a>
           <a class="brand" href="./index.html">Bootstrap</a>
+          <div class="nav-collapse">
             <ul class="nav">
               <li class="">
                 <a href="./index.html">Overview</a>
@@ -65,6 +66,7 @@
           </div>
         </div>
       </div>
+    </div>
 
     <div class="container">
 

docs/download.html

@@ -33,12 +33,13 @@
     <div class="navbar navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="btn btn-navbar">
+          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
             <span class="i-bar"></span>
             <span class="i-bar"></span>
             <span class="i-bar"></span>
           </a>
           <a class="brand" href="./index.html">Bootstrap</a>
+          <div class="nav-collapse">
             <ul class="nav">
               <li class="">
                 <a href="./index.html">Overview</a>
@@ -65,6 +66,7 @@
           </div>
         </div>
       </div>
+    </div>
 
     <div class="container">
 

docs/examples.html

@@ -33,12 +33,13 @@
     <div class="navbar navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="btn btn-navbar">
+          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
             <span class="i-bar"></span>
             <span class="i-bar"></span>
             <span class="i-bar"></span>
           </a>
           <a class="brand" href="./index.html">Bootstrap</a>
+          <div class="nav-collapse">
             <ul class="nav">
               <li class="">
                 <a href="./index.html">Overview</a>
@@ -65,6 +66,7 @@
           </div>
         </div>
       </div>
+    </div>
 
     <div class="container">
 

docs/index.html

@@ -33,12 +33,13 @@
     <div class="navbar navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="btn btn-navbar">
+          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
             <span class="i-bar"></span>
             <span class="i-bar"></span>
             <span class="i-bar"></span>
           </a>
           <a class="brand" href="./index.html">Bootstrap</a>
+          <div class="nav-collapse">
             <ul class="nav">
               <li class="active">
                 <a href="./index.html">Overview</a>
@@ -65,6 +66,7 @@
           </div>
         </div>
       </div>
+    </div>
 
     <div class="container">
 

docs/javascript.html

@@ -33,12 +33,13 @@
     <div class="navbar navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="btn btn-navbar">
+          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
             <span class="i-bar"></span>
             <span class="i-bar"></span>
             <span class="i-bar"></span>
           </a>
           <a class="brand" href="./index.html">Bootstrap</a>
+          <div class="nav-collapse">
             <ul class="nav">
               <li class="">
                 <a href="./index.html">Overview</a>
@@ -65,6 +66,7 @@
           </div>
         </div>
       </div>
+    </div>
 
     <div class="container">
 

docs/less.html

@@ -33,12 +33,13 @@
     <div class="navbar navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="btn btn-navbar">
+          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
             <span class="i-bar"></span>
             <span class="i-bar"></span>
             <span class="i-bar"></span>
           </a>
           <a class="brand" href="./index.html">Bootstrap</a>
+          <div class="nav-collapse">
             <ul class="nav">
               <li class="">
                 <a href="./index.html">Overview</a>
@@ -65,6 +66,7 @@
           </div>
         </div>
       </div>
+    </div>
 
     <div class="container">
 

docs/scaffolding.html

@@ -33,12 +33,13 @@
     <div class="navbar navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="btn btn-navbar">
+          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
             <span class="i-bar"></span>
             <span class="i-bar"></span>
             <span class="i-bar"></span>
           </a>
           <a class="brand" href="./index.html">Bootstrap</a>
+          <div class="nav-collapse">
             <ul class="nav">
               <li class="">
                 <a href="./index.html">Overview</a>
@@ -65,6 +66,7 @@
           </div>
         </div>
       </div>
+    </div>
 
     <div class="container">
 

docs/templates/layout.mustache

@@ -33,12 +33,13 @@
     <div class="navbar navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="btn btn-navbar">
+          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
             <span class="i-bar"></span>
             <span class="i-bar"></span>
             <span class="i-bar"></span>
           </a>
           <a class="brand" href="./index.html">Bootstrap</a>
+          <div class="nav-collapse">
             <ul class="nav">
               <li class="{{index}}">
                 <a href="./index.html">{{_i}}Overview{{/i}}</a>
@@ -65,6 +66,7 @@
           </div>
         </div>
       </div>
+    </div>
 
     <div class="container">
 

docs/upgrading.html

@@ -33,12 +33,13 @@
     <div class="navbar navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="btn btn-navbar">
+          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
             <span class="i-bar"></span>
             <span class="i-bar"></span>
             <span class="i-bar"></span>
           </a>
           <a class="brand" href="./index.html">Bootstrap</a>
+          <div class="nav-collapse">
             <ul class="nav">
               <li class="">
                 <a href="./index.html">Overview</a>
@@ -65,6 +66,7 @@
           </div>
         </div>
       </div>
+    </div>
 
     <div class="container">
 

less/accordion.less

@@ -1,5 +1,5 @@
-// COLLAPSE
+// ACCORDION
-// --------
+// ---------
 
 
 // Parent container

less/navbar.less

@@ -43,7 +43,6 @@
 .navbar {
   // Hover and active states
   .brand:hover {
-    color: @white;
     text-decoration: none;
   }
   // Website or project name

less/responsive.less

@@ -126,12 +126,6 @@
     width: auto;
     margin: 0;
   }
-
-  // Navbar button
-  .btn-navbar {
-    display: block;
-  }
-
 }
 
 
@@ -292,6 +286,15 @@
     padding-left:  10px;
     padding-right: 10px;
   }
+  // Navbar button
+  .btn-navbar {
+    display: block;
+  }
+
+  .nav-collapse {
+    overflow: hidden;
+    height: 0;
+  }
 
 }