]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
slightly better dashboard example
authorMark Otto <markdotto@gmail.com>
Sun, 23 Aug 2015 06:49:46 +0000 (23:49 -0700)
committerMark Otto <markdotto@gmail.com>
Sun, 23 Aug 2015 06:49:46 +0000 (23:49 -0700)
docs/examples/dashboard/index.html

index 68e8a3dd8ab10749d409d394be0985bfb98af973..90d377a63ebcb422e1d8a074e7f9097338da1d80 100644 (file)
 
   <body>
 
-    <nav class="navbar navbar-inverse navbar-fixed-top">
-      <div class="container-fluid">
-        <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="navbar-collapse collapse">
-          <ul class="nav navbar-nav navbar-right">
-            <li><a href="#">Dashboard</a></li>
-            <li><a href="#">Settings</a></li>
-            <li><a href="#">Profile</a></li>
-            <li><a href="#">Help</a></li>
-          </ul>
-          <form class="navbar-form navbar-right">
-            <input type="text" class="form-control" placeholder="Search...">
-          </form>
-        </div>
-      </div>
+    <nav class="navbar navbar-dark navbar-fixed-top bg-inverse">
+      <button type="button" class="navbar-toggler visible-xs" 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>
+      <nav class="nav navbar-nav pull-left">
+        <a class="nav-item nav-link" href="#">Dashboard</a>
+        <a class="nav-item nav-link" href="#">Settings</a>
+        <a class="nav-item nav-link" href="#">Profile</a>
+        <a class="nav-item nav-link" href="#">Help</a>
+      </nav>
+      <form class="navbar-form pull-right">
+        <input type="text" class="form-control" placeholder="Search...">
+      </form>
     </nav>
 
     <div class="container-fluid">