Article 9. bootstrap navigation, Article 9. bootstrap

Article 9. bootstrap navigation, Article 9. bootstrap

To create a label-based navigation menu, follow these steps:

• Add class nav to ul label
• Add the class to the ul label.. Nav-tabs.

Adding active to the li label indicates activating this item.

<Ul class = "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 tag, you only need to change nav-tabs to nav-pills.

<Ul class = "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>