<div class="navbar-wrapper">
<div class="container">
- <div class="navbar navbar-inverse navbar-static-top" role="navigation">
+ <nav class="navbar navbar-inverse navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
</ul>
</div>
</div>
- </div>
+ </nav>
</div>
</div>
<body>
- <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+ <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
</form>
</div>
</div>
- </div>
+ </nav>
<div class="container-fluid">
<div class="row">
<body>
- <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+ <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
</form>
</div><!--/.navbar-collapse -->
</div>
- </div>
+ </nav>
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
<body>
<!-- Fixed navbar -->
- <div class="navbar navbar-default navbar-fixed-top" role="navigation">
+ <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
</ul>
</div><!--/.nav-collapse -->
</div>
- </div>
+ </nav>
<div class="container">
<body>
<!-- Static navbar -->
- <div class="navbar navbar-default navbar-static-top" role="navigation">
+ <nav class="navbar navbar-default navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
</ul>
</div><!--/.nav-collapse -->
</div>
- </div>
+ </nav>
<div class="container">
<div class="container">
<!-- Static navbar -->
- <div class="navbar navbar-default" role="navigation">
+ <nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container-fluid -->
- </div>
+ </nav>
<!-- Main component for a primary marketing message or call to action -->
<div class="jumbotron">
<body>
<!-- Fixed navbar -->
- <div class="navbar navbar-default navbar-fixed-top" role="navigation">
+ <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
</ul>
</div><!--/.nav-collapse -->
</div>
- </div>
+ </nav>
<div class="container">
</head>
<body>
- <div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
+ <nav class="navbar navbar-fixed-top navbar-inverse" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
</ul>
</div><!-- /.nav-collapse -->
</div><!-- /.container -->
- </div><!-- /.navbar -->
+ </nav><!-- /.navbar -->
<div class="container">
<body>
- <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+ <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
</ul>
</div><!--/.nav-collapse -->
</div>
- </div>
+ </nav>
<div class="container">
<body>
<!-- Fixed navbar -->
- <div class="navbar navbar-default navbar-fixed-top" role="navigation">
+ <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
</ul>
</div><!--/.nav-collapse -->
</div>
- </div>
+ </nav>
<!-- Begin page content -->
<div class="container">
<body role="document">
<!-- Fixed navbar -->
- <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+ <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
</ul>
</div><!--/.nav-collapse -->
</div>
- </div>
+ </nav>
<div class="container theme-showcase" role="main">
<h1>Navbars</h1>
</div>
- <div class="navbar navbar-default">
+ <nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
</ul>
</div><!--/.nav-collapse -->
</div>
- </div>
+ </nav>
- <div class="navbar navbar-inverse">
+ <nav class="navbar navbar-inverse">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
</ul>
</div><!--/.nav-collapse -->
</div>
- </div>
+ </nav>
test('should add the active class to the correct element', function () {
var navbarHtml =
- '<div class="navbar">'
+ '<nav class="navbar">'
+ '<ul class="nav">'
+ '<li id="li-1"><a href="#div-1">div 1</a></li>'
+ '<li id="li-2"><a href="#div-2">div 2</a></li>'
+ '</ul>'
- + '</div>'
+ + '</nav>'
var contentHtml =
'<div class="content" style="overflow: auto; height: 50px">'
+ '<div id="div-1" style="height: 100px; padding: 0; margin: 0">div 1</div>'