Bootstrap Tutorial - Create Basic pills Based Navigation

The following code shows how to create Basic pills Based Navigation.

Example

<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet"
  href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
</head><!-- ww  w  . ja  v a2  s  . c  om-->
<body>
  <div class="container">
    <div class="row">
      <div class="span8">
        <ul class="nav nav-pills">
          <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