Bootstrap Tutorial - Create Breadcrumb with two level links








The following code shows how to create Breadcrumb with two level links.

Example

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css"
  href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
</head><!--from w  ww  .  j a v  a2  s  .co  m-->
<body>
  <div class="fixed-body">
    <ul class="breadcrumb">
      <li class="active">Name with spaces<span class="divider">/</span>
      </li>
      <li><a href="#">Home</a><span class="divider">/</span></li>
      <li><a href="#">Library</a></li>
    </ul>
  </div>
</body>
</html>

Click to view the demo