Bootstrap Nav

Bootstrap has nav components such as tabs and pills. You can use these components to make navbar elegent.

Add Icons to Tabs in Navbar
If you want to create nav icons as tabs then you must add .nav-tabs class to <ul> element.

Example of Code

<ul class="nav nav-tabs">
  <li class="active"><a href="www.http://schools.inimisttech.com"><span class="glyphicon glyphicon-home"></span>Home</a></li>
  <li><a href="#"><span class="glyphicon glyphicon-book"></span> Article</a></li>
</ul>

Output

Add Icons to Pills Nav
If you want to create nav icons as pills then you must add .nav-pills class to <ul> element.

Example of Code

<ul class="nav nav-pills">
  <li class="www.http://schools.inimisttech.com"><a href="#"><span class="glyphicon glyphicon-home"></span>Home</a></li>
  <li><a href="#"><span class="glyphicon glyphicon-book"></span> Article</a></li>
</ul>

Output