update collapsible nav in navbar

diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index 0e691e2907d212366df9c011cc7cb0c2353008bc..ebd162b671ed83749ff08b8e9de8a4bd4c203de8 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 44e0125c13c87f94a670eafb83317fcc3fbe6b90..68ccf676fddf61aa6b2fa49c31238c0af8cea4c3 100644 (file)
--- a/docs/assets/css/bootstrap-responsive.css
+++ b/docs/assets/css/bootstrap-responsive.css
@@ -218,7 +218,7 @@
     position: static;
     margin-bottom: 18px;
   }
-  .navbar-inner {
+  .navbar-fixed-top .navbar-inner {
     padding: 5px;
     background-image: none;
   }
@@ -305,10 +305,13 @@
   .btn-navbar {
     display: block;
   }
-  .nav-collapse {
+  .nav-collapse.collapse {
     overflow: hidden;
     height: 0;
   }
+  .nav-collapse.collapse.in {
+    height: auto;
+  }
 }
 @media (min-width: 1200px) {
   .thumbnails {

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 5330b5102b983b9fd23fa60d7b013fa1705b7536..9b6217fbd48b471b26fa31c822b0e58147b5ddcd 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -2396,7 +2396,7 @@ button.btn.small, input[type="submit"].btn.small {
   margin-top: 3px;
 }
 .nav-collapse.collapse {
-  height: auto !important;
+  height: auto;
 }
 .navbar .brand:hover {
   text-decoration: none;

diff --git a/docs/base-css.html b/docs/base-css.html
index 0406ff229eb3a1e19620870059e09b2219d2f5f1..291feb6e16cff087a431cf91dacae19a900b6e64 100644 (file)
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -39,7 +39,7 @@
             <span class="i-bar"></span>
           </a>
           <a class="brand" href="./index.html">Bootstrap</a>
-          <div class="nav-collapse">
+          <div class="nav-collapse collapse">
             <ul class="nav">
               <li class="">
                 <a href="./index.html">Overview</a>

diff --git a/docs/components.html b/docs/components.html
index 63a4b3dd08dd14d6ef4c9b3f2bf04bf63db8c7d7..19ab820f5fc30505d50ccfc1541a1848a201b160 100644 (file)
--- a/docs/components.html
+++ b/docs/components.html
@@ -39,7 +39,7 @@
             <span class="i-bar"></span>
           </a>
           <a class="brand" href="./index.html">Bootstrap</a>
-          <div class="nav-collapse">
+          <div class="nav-collapse collapse">
             <ul class="nav">
               <li class="">
                 <a href="./index.html">Overview</a>

diff --git a/docs/download.html b/docs/download.html
index 832b07ce65dd8fec4c4116c3e00b024bcbed676a..97f1c24c49e474d5c8043fae7abfd0bc5ad3a32f 100644 (file)
--- a/docs/download.html
+++ b/docs/download.html
@@ -39,7 +39,7 @@
             <span class="i-bar"></span>
           </a>
           <a class="brand" href="./index.html">Bootstrap</a>
-          <div class="nav-collapse">
+          <div class="nav-collapse collapse">
             <ul class="nav">
               <li class="">
                 <a href="./index.html">Overview</a>

diff --git a/docs/examples.html b/docs/examples.html
index 7d79fc0a0a344912ef8aaaa49334edc589baf445..b2fd296d14010fd90a283045ae15166d8c5740d6 100644 (file)
--- a/docs/examples.html
+++ b/docs/examples.html
@@ -39,7 +39,7 @@
             <span class="i-bar"></span>
           </a>
           <a class="brand" href="./index.html">Bootstrap</a>
-          <div class="nav-collapse">
+          <div class="nav-collapse collapse">
             <ul class="nav">
               <li class="">
                 <a href="./index.html">Overview</a>

diff --git a/docs/index.html b/docs/index.html
index e20d08bcdd6c598ba97398f3405d1fb74fc12fe7..7d728dc7ddbcc1e0e531d1845216da4f51326fbf 100644 (file)
--- a/docs/index.html
+++ b/docs/index.html
@@ -39,7 +39,7 @@
             <span class="i-bar"></span>
           </a>
           <a class="brand" href="./index.html">Bootstrap</a>
-          <div class="nav-collapse">
+          <div class="nav-collapse collapse">
             <ul class="nav">
               <li class="active">
                 <a href="./index.html">Overview</a>

diff --git a/docs/javascript.html b/docs/javascript.html
index eb4a175c33553bbf4791b9d8af75b4cdcd22ba77..9838aa0d1915180dc371cff3248145bc7e4b90cd 100644 (file)
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -39,7 +39,7 @@
             <span class="i-bar"></span>
           </a>
           <a class="brand" href="./index.html">Bootstrap</a>
-          <div class="nav-collapse">
+          <div class="nav-collapse collapse">
             <ul class="nav">
               <li class="">
                 <a href="./index.html">Overview</a>

diff --git a/docs/less.html b/docs/less.html
index 5935c9125979f175e2f428f4333f942c31feb1c0..76794dbe44d717d7ac58125568c69b77543384b4 100644 (file)
--- a/docs/less.html
+++ b/docs/less.html
@@ -39,7 +39,7 @@
             <span class="i-bar"></span>
           </a>
           <a class="brand" href="./index.html">Bootstrap</a>
-          <div class="nav-collapse">
+          <div class="nav-collapse collapse">
             <ul class="nav">
               <li class="">
                 <a href="./index.html">Overview</a>

diff --git a/docs/scaffolding.html b/docs/scaffolding.html
index b00f5630b50eef34bee6671bff0843e99510ea6c..00aadd472e183cfe78aadcce56b073c687c18eee 100644 (file)
--- a/docs/scaffolding.html
+++ b/docs/scaffolding.html
@@ -39,7 +39,7 @@
             <span class="i-bar"></span>
           </a>
           <a class="brand" href="./index.html">Bootstrap</a>
-          <div class="nav-collapse">
+          <div class="nav-collapse collapse">
             <ul class="nav">
               <li class="">
                 <a href="./index.html">Overview</a>
@@ -127,7 +127,7 @@
   <div class="row">
     <div class="span4">
       <p>The default grid system provided as part of Bootstrap is a <strong>940px-wide, 12-column grid</strong>.</p>
-      <p>It also has three responsive variations for various devices and resolutions: phone, tablet, and large widescreen desktops.</p>
+      <p>It also has four responsive variations for various devices and resolutions: phone, tablet portrait, table landscape and small desktops, and large widescreen desktops.</p>
     </div>
     <div class="span4">
 <pre class="prettyprint linenums">

diff --git a/docs/templates/layout.mustache b/docs/templates/layout.mustache
index 7c0ab655be12ab9647a49a8b2de3aa0acb8f0ca2..b49ec28f6e6168f4e1868589e3310e42b9407d2a 100644 (file)
--- a/docs/templates/layout.mustache
+++ b/docs/templates/layout.mustache
@@ -39,7 +39,7 @@
             <span class="i-bar"></span>
           </a>
           <a class="brand" href="./index.html">Bootstrap</a>
-          <div class="nav-collapse">
+          <div class="nav-collapse collapse">
             <ul class="nav">
               <li class="{{index}}">
                 <a href="./index.html">{{_i}}Overview{{/i}}</a>

diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache
index 75ca3eb7e4e479016153299236c7f70c4e63f63d..fd7c464db4be8dfb9362c33f89840d5657333d90 100644 (file)
--- a/docs/templates/pages/components.mustache
+++ b/docs/templates/pages/components.mustache
@@ -669,7 +669,7 @@
 </form>
 </pre>
       <h3>{{_i}}Optional responsive variation{{/i}}</h3>
-      <p>{{_i}}Depending on the amount of content in your topbar, you might want to implement the responsive options. To do so, wrap your nav content in a containing div, <code>.nav-collapse</code>, and add the navbar toggle button, <code>.btn-navbar</code>.{{/i}}</p>
+      <p>{{_i}}Depending on the amount of content in your topbar, you might want to implement the responsive options. To do so, wrap your nav content in a containing div, <code>.nav-collapse.collapse</code>, and add the navbar toggle button, <code>.btn-navbar</code>.{{/i}}</p>
 <pre class="prettyprint linenums">
 &lt;div class="navbar"&gt;
   &lt;div class="navbar-inner"&gt;
@@ -686,7 +686,7 @@
       &lt;a class="brand" href="#"&gt;{{_i}}Project name{{/i}}&lt;/a&gt;
 
       &lt;!-- Everything you want hidden at 940px or less, place within here --&gt;
-      &lt;div class="nav-collapse"&gt;
+      &lt;div class="nav-collapse collapse"&gt;
         &lt;!-- .nav, .navbar-search, .navbar-form, etc --&gt;
       &lt;/div&gt;
 

diff --git a/docs/templates/pages/scaffolding.mustache b/docs/templates/pages/scaffolding.mustache
index 239d152652824e63b72d52c8bf929d3e0c10870e..15c438b975703daa3bf7527c5a42505f977e38a1 100644 (file)
--- a/docs/templates/pages/scaffolding.mustache
+++ b/docs/templates/pages/scaffolding.mustache
@@ -55,7 +55,7 @@
   <div class="row">
     <div class="span4">
       <p>{{_i}}The default grid system provided as part of Bootstrap is a <strong>940px-wide, 12-column grid</strong>.{{/i}}</p>
-      <p>{{_i}}It also has three responsive variations for various devices and resolutions: phone, tablet, and large widescreen desktops.{{/i}}</p>
+      <p>{{_i}}It also has four responsive variations for various devices and resolutions: phone, tablet portrait, table landscape and small desktops, and large widescreen desktops.{{/i}}</p>
     </div>
     <div class="span4">
 <pre class="prettyprint linenums">

diff --git a/docs/upgrading.html b/docs/upgrading.html
index d7ad30f561de2344e171b895e83dde1044727679..b8e82fe31ba9b76bed88497c689359e83bfecb5e 100644 (file)
--- a/docs/upgrading.html
+++ b/docs/upgrading.html
@@ -39,7 +39,7 @@
             <span class="i-bar"></span>
           </a>
           <a class="brand" href="./index.html">Bootstrap</a>
-          <div class="nav-collapse">
+          <div class="nav-collapse collapse">
             <ul class="nav">
               <li class="">
                 <a href="./index.html">Overview</a>

diff --git a/less/navbar.less b/less/navbar.less
index 25ca7b4e28f594f64d3bc66f0262dcc17f50eac4..b677b192b4c88d5d7ecc177aa407b5ce66a9253a 100644 (file)
--- a/less/navbar.less
+++ b/less/navbar.less
@@ -42,8 +42,9 @@
 .btn-navbar .i-bar + .i-bar {
   margin-top: 3px;
 }
+// Override the default collapsed state
 .nav-collapse.collapse {
-  height: auto !important; // Required to be !important to override native collapse plugin
+  height: auto;
 }
 
 

diff --git a/less/responsive.less b/less/responsive.less
index 107fa7dd77024ab64e08549947a14b98784b504c..7ae28b8258c795f70801d6000d6f046185609922 100644 (file)
--- a/less/responsive.less
+++ b/less/responsive.less
@@ -240,7 +240,7 @@
     position: static;
     margin-bottom: @baseLineHeight;
   }
-  .navbar-inner {
+  .navbar-fixed-top .navbar-inner {
     padding: 5px;
     background-image: none;
   }
@@ -335,10 +335,13 @@
   }
 
   // Hide everything in the navbar save .brand and toggle button */
-  .nav-collapse {
+  .nav-collapse.collapse {
     overflow: hidden;
     height: 0;
   }
+  .nav-collapse.collapse.in {
+    height: auto;
+  }
 
 }