1. Home
  2. Docs
  3. Small Apps
  4. Navigation Menu

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.

[code language=”html”]
<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>
[/code]

Was this article helpful to you? Yes No

How can we help?