Breadcrumbs are used to indicate the current page's location within a navigational hierarchy. Separators are automatically added in CSS through :before and content.
<!DOCTYPE HTML>
<html>
<head>
<link href="http://java2s.com/style/bootstrap.min.css" rel="stylesheet">
<script src="http://java2s.com/style/jquery-1.8.0.min.js"></script>
<script src="http://java2s.com/style/bootstrap.min.js"></script>
</head><!-- w w w . j a va2 s.c o m-->
<body style='margin:20px;'>
<ul class="breadcrumb">
<li><a href="#">Home</a></li>
<li><a href="#">Library</a></li>
<li class="active">Data</li>
</ul>
</body>
</html>