rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-26 23:54:23 +01:00
Code Issues Actions Packages Releases Activity

update docs example to use new stuff

Browse Source
This commit is contained in:
Mark Otto 2017-03-20 21:23:22 -07:00 committed by Mark Otto
parent 09ba3de619
commit a3a1a592b5
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
docs/examples/navbars/index.html
View File

@ -18,11 +18,11 @@
<body> <body>
<nav class="navbar navbar-toggleable-md navbar-inverse bg-inverse"> <nav class="navbar navbar-toggleable-lg 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"> <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> <span class="navbar-toggler-icon"></span>
</button> </button>
<a class="navbar-brand" href="#">Navbar</a>
<div class="collapse navbar-collapse" id="navbarsExampleDefault"> <div class="collapse navbar-collapse" id="navbarsExampleDefault">
<ul class="navbar-nav mr-auto"> <ul class="navbar-nav mr-auto">
@ -51,12 +51,12 @@
</div> </div>
</nav> </nav>
<nav class="navbar navbar-inverse bg-inverse navbar-toggleable-md"> <nav class="navbar navbar-toggleable-lg navbar-inverse bg-inverse">
<div class="container"> <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> <span class="navbar-toggler-icon"></span>
</button> </button>
<a class="navbar-brand" href="#">Container</a>
<div class="collapse navbar-collapse" id="navbarsExampleContainer"> <div class="collapse navbar-collapse" id="navbarsExampleContainer">
<ul class="navbar-nav mr-auto"> <ul class="navbar-nav mr-auto">
@ -86,7 +86,7 @@
</div> </div>
</nav> </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"> <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> <span class="navbar-toggler-icon"></span>
</button> </button>
@ -115,11 +115,11 @@
</nav> </nav>
<div class="container"> <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"> <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> <span class="navbar-toggler-icon"></span>
</button> </button>
<a class="navbar-brand" href="#">Navbar</a>
<div class="collapse navbar-collapse" id="containerNavbar"> <div class="collapse navbar-collapse" id="containerNavbar">
<ul class="navbar-nav mr-auto"> <ul class="navbar-nav mr-auto">
@ -148,7 +148,7 @@
</div> </div>
</nav> </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"> <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> <span class="navbar-toggler-icon"></span>
</button> </button>