]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
update docs example to use new stuff
authorMark Otto <markdotto@gmail.com>
Tue, 21 Mar 2017 04:23:22 +0000 (21:23 -0700)
committerMark Otto <markd.otto@gmail.com>
Fri, 24 Mar 2017 06:02:28 +0000 (23:02 -0700)
docs/examples/navbars/index.html

index 577dc09b394674a4c7444cc7687436f92f591231..f7ae16086fe640fc7421ba30827df3a4128347aa 100644 (file)
 
   <body>
 
-    <nav class="navbar navbar-toggleable-md navbar-inverse bg-inverse">
-      <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
+    <nav class="navbar navbar-toggleable-lg navbar-inverse bg-inverse">
+      <a class="navbar-brand" href="#">Navbar</a>
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
         <span class="navbar-toggler-icon"></span>
       </button>
-      <a class="navbar-brand" href="#">Navbar</a>
 
       <div class="collapse navbar-collapse" id="navbarsExampleDefault">
         <ul class="navbar-nav mr-auto">
       </div>
     </nav>
 
-    <nav class="navbar navbar-inverse bg-inverse navbar-toggleable-md">
+    <nav class="navbar navbar-toggleable-lg navbar-inverse bg-inverse">
       <div class="container">
-        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarsExampleContainer" aria-controls="navbarsExampleContainer" aria-expanded="false" aria-label="Toggle navigation">
+        <a class="navbar-brand" href="#">Container</a>
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleContainer" aria-controls="navbarsExampleContainer" aria-expanded="false" aria-label="Toggle navigation">
           <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="#">Container</a>
 
         <div class="collapse navbar-collapse" id="navbarsExampleContainer">
           <ul class="navbar-nav mr-auto">
@@ -86,7 +86,7 @@
       </div>
     </nav>
 
-    <nav class="navbar navbar-inverse bg-inverse navbar-toggleable-md">
+    <nav class="navbar navbar-toggleable-lg navbar-inverse bg-inverse">
       <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleCenteredNav" aria-controls="navbarsExampleCenteredNav" aria-expanded="false" aria-label="Toggle navigation">
         <span class="navbar-toggler-icon"></span>
       </button>
     </nav>
 
     <div class="container">
-      <nav class="navbar navbar-light bg-faded rounded navbar-toggleable-md">
+      <nav class="navbar navbar-toggleable-lg navbar-light bg-faded rounded">
+        <a class="navbar-brand" href="#">Navbar</a>
         <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#containerNavbar" aria-controls="containerNavbar" aria-expanded="false" aria-label="Toggle navigation">
           <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="#">Navbar</a>
 
         <div class="collapse navbar-collapse" id="containerNavbar">
           <ul class="navbar-nav mr-auto">
         </div>
       </nav>
 
-      <nav class="navbar navbar-light bg-faded rounded navbar-toggleable-md">
+      <nav class="navbar navbar-toggleable-lg navbar-light bg-faded rounded">
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#containerNavbarCenter" aria-controls="containerNavbarCenter" aria-expanded="false" aria-label="Toggle navigation">
           <span class="navbar-toggler-icon"></span>
         </button>