diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip index 0e691e2907d212366df9c011cc7cb0c2353008bc..ebd162b671ed83749ff08b8e9de8a4bd4c203de8 100644 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 --- 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 --- 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 --- 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 --- 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 --- 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 --- 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 --- 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 --- 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 --- 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 --- 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 --- 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 --- 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"> <div class="navbar"> <div class="navbar-inner"> @@ -686,7 +686,7 @@ <a class="brand" href="#">{{_i}}Project name{{/i}}</a> <!-- Everything you want hidden at 940px or less, place within here --> - <div class="nav-collapse"> + <div class="nav-collapse collapse"> <!-- .nav, .navbar-search, .navbar-form, etc --> </div> diff --git a/docs/templates/pages/scaffolding.mustache b/docs/templates/pages/scaffolding.mustache index 239d152652824e63b72d52c8bf929d3e0c10870e..15c438b975703daa3bf7527c5a42505f977e38a1 100644 --- 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 --- 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 --- 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 --- 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; + } }