Bootstrap Nav Pills

Bootstrap Nav Pills Code

<ul class=”nav nav-pills”>

<li role=”presentation” class=”active”><a href=”#”>Home</a></li>

<li role=”presentation”><a href=”#”>Profile</a></li>

<li role=”presentation”><a href=”#”>Messages</a></li>

</ul>

bootstrap-nav-pills

Bootstrap Nav Pills Example JSFiddle

Bootstrap Nav Pills Vertical Code

<ul class=”nav nav-pills nav-stacked”>

<li role=”presentation” class=”active”><a href=”#”>Home</a></li>

<li role=”presentation”><a href=”#”>Profile</a></li>

<li role=”presentation”><a href=”#”>Messages</a></li>

</ul>

bootstrap-nav-pills-vertical  

Bootstrap Nav Pills Vertical Example JSFiddle

 

Bootstrap Nav Pills with Dropdown

<ul class=”nav nav-pills”>

<li role=”presentation” class=”active”><a href=”#”>Home</a></li>

<li role=”presentation” class=”dropdown”>

<a class=”dropdown-toggle” data-toggle=”dropdown” href=”#” role=”button” aria-haspopup=”true” aria-expanded=”false”>

Dropdown <span class=”caret”></span>

</a>

<ul class=”dropdown-menu”>

<li role=”presentation”><a href=”#”> Messages </a></li>

<li role=”presentation”><a href=”#”> Messages </a></li>

<li role=”presentation”><a href=”#”> Messages </a></li>

</ul>

bootstrap-nav-pills-with-dropdown

Bootstrap Nav Pills Vertical Example JSFiddle

Share on Facebook0Share on Google+1Tweet about this on Twitter0Pin on Pinterest0

Check Your Domain Ranking

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

More in Bootstrap, Bootstrap Code Snippets
fashion-point-bootstrap-fashion-template
10+ Best Free Bootstrap Fashion Templates

Fashion In Bootstrap Template Layout : Fluid Responsive Layout Included Files : HTML files (.html), Style Sheets (.css), Images (.jpg/png/gif),...

Close