Nineth Chapter bootstrap navigation menu creation step detailed _javascript skill

The steps to create a tabbed navigation menu are:

• Add Class Nav to the UL tag

• Add Class. Nav-tabs to the UL tag.

Add active on the LI tag to activate the item

<ul class= "Nav nav-tabs" >
 <li class= "active" ><a href= "#" >Home</a></li>
 < Li><a href= "#" >SVN</a></li>
 <li><a href= "#" >iOS</a></li>
 <li><a href= "#" >VB.Net</a></li>
 <li><a href= "#" >java</a></li >
 <li><a href= "#" >PHP</a></li>
 </ul>

To create a capsule label, just change the nav-tabs to: Nav-pills.

<ul class= "Nav nav-pills" >
 <li class= "active" ><a href= "#" >Home</a></li>
 < Li><a href= "#" >SVN</a></li>
 <li><a href= "#" >iOS</a></li>
 <li><a href= "#" >VB.Net</a></li>
 <li><a href= "#" >java</a></li >
 <li><a href= "#" >PHP</a></li>
 </ul>

The above is a small set to introduce the Nineth chapter bootstrap navigation menu to create the full description of the steps, I hope to help you, if you have any questions please give me a message, small series will promptly reply to everyone. Here also thank you very much for the cloud Habitat Community website support!