diff options
| author | Mark Otto <[email protected]> | 2016-12-28 17:25:00 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-12-28 19:07:33 -0800 |
| commit | 0e848763790a2d48dc1a7766aea18cf82fc09c8a (patch) | |
| tree | db723e066db8f07b1e25e0d24d851e06ab9665b4 /docs/examples/navbars | |
| parent | 5310bb4c0f1d8516edccd416a976ed903016e406 (diff) | |
| download | bootstrap-0e848763790a2d48dc1a7766aea18cf82fc09c8a.tar.xz bootstrap-0e848763790a2d48dc1a7766aea18cf82fc09c8a.zip | |
update all examples
Diffstat (limited to 'docs/examples/navbars')
| -rw-r--r-- | docs/examples/navbars/index.html | 24 |
1 files changed, 12 insertions, 12 deletions
diff --git a/docs/examples/navbars/index.html b/docs/examples/navbars/index.html index f56a85d88..8694df3fc 100644 --- a/docs/examples/navbars/index.html +++ b/docs/examples/navbars/index.html @@ -20,14 +20,14 @@ <body> - <nav class="navbar navbar-inverse bg-inverse navbar-toggleable-md"> + <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"> <span class="navbar-toggler-icon"></span> </button> <a class="navbar-brand" href="#">Navbar</a> <div class="collapse navbar-collapse" id="navbarsExampleDefault"> - <ul class="nav navbar-nav"> + <ul class="navbar-nav mr-auto"> <li class="nav-item active"> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> </li> @@ -46,7 +46,7 @@ </div> </li> </ul> - <form class="form-inline my-2 my-lg-0"> + <form class="form-inline my-2 my-md-0"> <input class="form-control mr-sm-2" type="text" placeholder="Search"> <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button> </form> @@ -61,7 +61,7 @@ <a class="navbar-brand" href="#">Container</a> <div class="collapse navbar-collapse" id="navbarsExampleContainer"> - <ul class="nav navbar-nav"> + <ul class="navbar-nav mr-auto"> <li class="nav-item active"> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> </li> @@ -80,7 +80,7 @@ </div> </li> </ul> - <form class="form-inline my-2 my-lg-0"> + <form class="form-inline my-2 my-md-0"> <input class="form-control mr-sm-2" type="text" placeholder="Search"> <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button> </form> @@ -93,8 +93,8 @@ <span class="navbar-toggler-icon"></span> </button> - <div class="collapse navbar-collapse" id="navbarsExampleCenteredNav"> - <ul class="nav navbar-nav text-md-center"> + <div class="collapse navbar-collapse justify-content-md-center" id="navbarsExampleCenteredNav"> + <ul class="navbar-nav"> <li class="nav-item active"> <a class="nav-link" href="#">Centered nav only <span class="sr-only">(current)</span></a> </li> @@ -124,7 +124,7 @@ <a class="navbar-brand" href="#">Navbar</a> <div class="collapse navbar-collapse" id="containerNavbar"> - <ul class="nav navbar-nav"> + <ul class="navbar-nav mr-auto"> <li class="nav-item active"> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> </li> @@ -143,7 +143,7 @@ </div> </li> </ul> - <form class="form-inline my-2 my-lg-0"> + <form class="form-inline my-2 my-md-0"> <input class="form-control mr-sm-2" type="text" placeholder="Search"> <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button> </form> @@ -155,8 +155,8 @@ <span class="navbar-toggler-icon"></span> </button> - <div class="collapse navbar-collapse" id="containerNavbarCenter"> - <ul class="nav navbar-nav text-md-center"> + <div class="collapse navbar-collapse justify-content-md-center" id="containerNavbarCenter"> + <ul class="navbar-nav"> <li class="nav-item active"> <a class="nav-link" href="#">Centered nav only <span class="sr-only">(current)</span></a> </li> @@ -184,7 +184,7 @@ <p>This example is a quick exercise to illustrate how the navbar and it's contents work. Some navbars extend the width of the viewport, others are confined within a <code>.container</code>. For positioning of navbars, checkout the <a href="../navbar-top/">top</a> and <a href="../navbar-top-fixed/">fixed top</a> examples.</p> <p>At the smallest breakpoint, the collapse plugin is used to hide the links and show a menu button to toggle the collapsed content.</p> <p> - <a class="btn btn-lg btn-primary" href="../../components/navbar/" role="button">View navbar docs »</a> + <a class="btn btn-primary" href="../../components/navbar/" role="button">View navbar docs »</a> </p> </div> </div> |