5 <meta name=
"viewport" content=
"width=device-width, initial-scale=1, shrink-to-fit=no">
6 <meta name=
"description" content=
"">
7 <meta name=
"author" content=
"">
8 <link rel=
"icon" href=
"../../favicon.ico">
10 <title>Fixed top navbar example for Bootstrap
</title>
12 <!-- Bootstrap core CSS -->
13 <link href=
"../../dist/css/bootstrap.min.css" rel=
"stylesheet">
15 <!-- Custom styles for this template -->
16 <link href=
"navbar-top-fixed.css" rel=
"stylesheet">
21 <nav class=
"navbar navbar-toggleable-md navbar-inverse fixed-top bg-inverse">
22 <button class=
"navbar-toggler navbar-toggler-right" type=
"button" data-toggle=
"collapse" data-target=
"#navbarCollapse" aria-controls=
"navbarCollapse" aria-expanded=
"false" aria-label=
"Toggle navigation">
23 <span class=
"navbar-toggler-icon"></span>
25 <a class=
"navbar-brand" href=
"#">Fixed navbar
</a>
26 <div class=
"collapse navbar-collapse" id=
"navbarCollapse">
27 <ul class=
"navbar-nav mr-auto">
28 <li class=
"nav-item active">
29 <a class=
"nav-link" href=
"#">Home
<span class=
"sr-only">(current)
</span></a>
32 <a class=
"nav-link" href=
"#">Link
</a>
35 <a class=
"nav-link disabled" href=
"#">Disabled
</a>
38 <form class=
"form-inline mt-2 mt-md-0">
39 <input class=
"form-control mr-sm-2" type=
"text" placeholder=
"Search">
40 <button class=
"btn btn-outline-success my-2 my-sm-0" type=
"submit">Search
</button>
45 <div class=
"container">
46 <div class=
"jumbotron">
47 <h1>Navbar example
</h1>
48 <p class=
"lead">This example is a quick exercise to illustrate how fixed to top navbar works. As you scroll, it will remain fixed to the top of your browser's viewport.
</p>
49 <a class=
"btn btn-lg btn-primary" href=
"../../components/navbar/" role=
"button">View navbar docs
»</a>
54 <!-- Bootstrap core JavaScript
55 ================================================== -->
56 <!-- Placed at the end of the document so the pages load faster -->
57 <script src=
"https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity=
"sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin=
"anonymous"></script>
58 <script>window.jQuery || document.write('
<script src=
"../../assets/js/vendor/jquery.min.js"><\/script
>')
</script>
59 <script src=
"https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity=
"sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin=
"anonymous"></script>
60 <script src=
"../../dist/js/bootstrap.min.js"></script>
61 <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
62 <script src=
"../../assets/js/ie10-viewport-bug-workaround.js"></script>