|
|
| Line 4: |
Line 4: |
| | <title>Bootstrap Case</title> | | <title>Bootstrap Case</title> |
| | <meta charset="utf-8"> | | <meta charset="utf-8"> |
| − | <meta name="viewport" content="width=device-width, initial-scale=1">
| |
| − | <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
| |
| − | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
| |
| − | <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
| |
| | </head> | | </head> |
| | <body> | | <body> |
| − | | + | Hello |
| − | <nav class="navbar navbar-inverse navbar-fixed-top">
| + | |
| − | <div class="container-fluid">
| + | |
| − | <div class="navbar-header">
| + | |
| − | <a class="navbar-brand" href="#">WebSiteName</a>
| + | |
| − | </div>
| + | |
| − | <div>
| + | |
| − | <ul class="nav navbar-nav">
| + | |
| − | <li class="active"><a href="#">Home</a></li>
| + | |
| − | <li><a href="#">Page 1</a></li>
| + | |
| − | <li><a href="#">Page 2</a></li>
| + | |
| − | <li><a href="#">Page 3</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </nav>
| + | |
| − |
| + | |
| − | <div class="container">
| + | |
| − | <h3>Fixed Navbar</h3>
| + | |
| − | <div class="row">
| + | |
| − | <div class="col-md-3">
| + | |
| − | <p>A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.</p>
| + | |
| − | </div>
| + | |
| − | <div class="col-md-3">
| + | |
| − | <p>A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.</p>
| + | |
| − | </div>
| + | |
| − | <div class="col-md-3">
| + | |
| − | <p>A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.</p>
| + | |
| − | </div>
| + | |
| − | <div class="col-md-3">
| + | |
| − | <p>A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.</p>
| + | |
| − | </div>
| + | |
| − | <div class="clearfix visible-lg"></div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="col-md-3">
| + | |
| − | <p>A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.</p>
| + | |
| − | </div>
| + | |
| − | <div class="col-md-3">
| + | |
| − | <p>A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.</p>
| + | |
| − | </div>
| + | |
| − | <div class="col-md-3">
| + | |
| − | <p>A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.</p>
| + | |
| − | </div>
| + | |
| − | <div class="col-md-3">
| + | |
| − | <p>A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.</p>
| + | |
| − | </div>
| + | |
| − | <div class="clearfix visible-lg"></div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| | | | |
| | </body> | | </body> |
| | </html> | | </html> |