Fix Navbar at top of v4 Offcanvas example

Fix twbs#17173
kkirsche · Sep 2, 2015 · cec7902 · cec7902
1 parent 8f9e50c
commit cec7902
Showing 1 changed file with 7 additions and 17 deletions.
diff --git a/docs/examples/offcanvas/index.html b/docs/examples/offcanvas/index.html
@@ -22,24 +22,14 @@
   </head>
 
   <body>
-    <nav class="navbar navbar-fixed-top navbar-inverse">
+    <nav class="navbar navbar-fixed-top navbar-dark bg-inverse">
       <div class="container">
-        <div class="navbar-header">
-          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a class="navbar-brand" href="#">Project name</a>
-        </div>
-        <div id="navbar" class="collapse navbar-collapse">
-          <ul class="nav navbar-nav">
-            <li class="active"><a href="#">Home</a></li>
-            <li><a href="#">About</a></li>
-            <li><a href="#">Contact</a></li>
-          </ul>
-        </div><!-- /.nav-collapse -->
+        <a class="navbar-brand" href="#">Project name</a>
+        <ul class="nav navbar-nav">
+          <li class="nav-item active"><a class="nav-link" href="#">Home</a></li>
+          <li class="nav-item"><a class="nav-link" href="#about">About</a></li>
+          <li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
+        </ul>
       </div><!-- /.container -->
     </nav><!-- /.navbar -->