Add .navbar-header, and correct .nav-collapse

diff --git a/javascript.html b/javascript.html
index 3797dbf65d095d2ae40bbcb830c208f72e38c5b2..707c7329ab62f631a074c815b7249dcf3afefcea 100644 (file)
--- a/javascript.html
+++ b/javascript.html
@@ -357,14 +357,16 @@ $('#myModal').on('hidden.bs.modal', function () {
     <div class="bs-example">
       <nav id="navbar-example" class="navbar navbar-static" role="navigation">
         <div class="container" style="width: auto;">
-          <a class="navbar-brand" href="#">Project Name</a>
-          <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-js-navbar-collapse">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <div class="nav-collapse collapse bs-js-navbar-collapse">
+          <div class="navbar-header">
+            <a class="navbar-brand" href="#">Project Name</a>
+            <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-js-navbar-collapse">
+              <span class="sr-only">Toggle navigation</span>
+              <span class="icon-bar"></span>
+              <span class="icon-bar"></span>
+              <span class="icon-bar"></span>
+            </button>
+          </div>
+          <div class="navbar-collapse collapse bs-js-navbar-collapse">
             <ul class="nav navbar-nav">
               <li class="dropdown">
                 <a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
@@ -528,7 +530,9 @@ $('#myDropdown').on('show.bs.dropdown', function () {
     <div class="bs-example">
       <nav id="navbar-example2" class="navbar navbar-static" role="navigation">
         <div class="container" style="width: auto;">
-          <a class="navbar-brand" href="#">Project Name</a>
+          <div class="navbar-header">
+            <a class="navbar-brand" href="#">Project Name</a>
+          </div>
           <ul class="nav navbar-nav">
             <li><a href="#fat">@fat</a></li>
             <li><a href="#mdo">@mdo</a></li>