Line 25: | Line 25: | ||
<body> | <body> | ||
<nav class="navbar navbar-toggleable-md navbar-light bg-faded"> | <nav class="navbar navbar-toggleable-md navbar-light bg-faded"> | ||
− | <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="# | + | <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" 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> | <a class="navbar-brand" href="#">Navbar</a> | ||
− | + | <div class="collapse navbar-collapse" id="navbarNav"> | |
− | <div class="collapse navbar-collapse" id=" | + | <ul class="navbar-nav"> |
− | <ul class="navbar-nav | + | |
<li class="nav-item active"> | <li class="nav-item active"> | ||
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> | <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> | ||
</li> | </li> | ||
<li class="nav-item"> | <li class="nav-item"> | ||
− | <a class="nav-link" href="#"> | + | <a class="nav-link" href="#">Features</a> |
+ | </li> | ||
+ | <li class="nav-item"> | ||
+ | <a class="nav-link" href="#">Pricing</a> | ||
</li> | </li> | ||
<li class="nav-item"> | <li class="nav-item"> | ||
Line 42: | Line 44: | ||
</li> | </li> | ||
</ul> | </ul> | ||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</nav> | </nav> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 18:05, 7 August 2017