Navigation Menu

In navigation menu if you wanna add the page link you can extend the nav-item is given below from navbar-nav. For add dropdown list in navigation menu add dropdown-menu class and add dropdown-item under the dropdown-menu. An example is given below.

<ul class="navbar-nav">
 <li class="nav-item dropdown active dropdown-slide">
 <a class="nav-link" href="#" data-toggle="dropdown">Link with dropdown  
 <span><i class="tf-ion-ios-arrow-down"></i></span>
 </a>
 <!– Dropdown list –>
 <div class="dropdown-menu">
 <a class="dropdown-item" href="#">dropdown one</a>
 <a class="dropdown-item" href="#">dropdown two</a>
 <a class="dropdown-item" href="#">dropdown three</a>
 </div>
 </li>
 <li class="nav-item">
 <a class="nav-link" href="#">without dropdown</a>
 </li>
 <li class="nav-item">
 <a class="nav-link" href="#">without dropdown</a>
 </li>
</ul>