navbar examples

1 <nav class="navbar navbar-expand-md bg-dark 
2  navbar-dark">
3  <!-- Brand -->
4  <a class="navbar-brand" href="#">Navbar</a>
5
6  
7  <!-- Toggler/collapsibe Button -->
8  <button 
9  class="navbar-toggler" type="button" 
10  data-toggle="collapse" data-target="#collapsibleNavbar">
11    
12  <span class="navbar-toggler-icon"></span>
13  </button>
14
15  
16  <!-- Navbar links -->
17  <div class="collapse navbar-collapse" 
18  id="collapsibleNavbar">
19    <ul class="navbar-nav">
20      
21  <li class="nav-item">
22        <a class="nav-link" 
23  href="#">Link</a>
24      </li>
25      
26  <li class="nav-item">
27        <a class="nav-link" 
28  href="#">Link</a>
29      </li>
30      
31  <li class="nav-item">
32        <a class="nav-link" 
33  href="#">Link</a>
34      </li> 
35    
36  </ul>
37  </div> 
38</nav> 
39