Bootstrap Breadcrumbs
Breadcrumbs are indicate the current page's location within a navigational hierarchy. You can create static breadcrumbs layouts with Bootstrap simply using the class .breadcrumb on the unordered lists in the following example :
Example :
<!DOCTYPE html>
<html>
<head>
   <title>Bootstrap Breadcrumbs</title>
   <meta name="viewport" content="width=device-width,initial-scale=1">
   <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
   <script type="text/javascript" src="js/jquery.min.js"></script>
   <script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
 
<div class="container-fluid">

    <ul class="breadcrumb">
        <li><a href="#">Home</a></li>
        <li><a href="#">Web Designing</a></li>
        <li class="active">Bootstrap</li>
    </ul>

</div>

</body>
</html>
Output :