Bootstrap Tutorial - Create Stacked or vertical Pills Based Navigation

The following code shows how to create Stacked or vertical Pills Based Navigation.

Example

<!--from w w w .  j  av  a2s .  c o  m-->
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet"
  href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

</head>
<body style='margin:30px'>

<div class="container">
<div class="row">
<div class="span2">
<ul class="nav nav-pills nav-stacked">
<li class="active">
<a href="#">Home</a></li>   
<li><a href="#">Tutorials</a></li>
<li><a href="#">Practice Editor </a></li> 
<li><a href="#">Gallery</a></li> 
<li><a href="#">Contact</a></li> 
</ul>
</div>
</div>
</div>
</body>
</html>

Click to view the demo