Bootstrap Breadcrumb

In bootstrap breadcrumbs are used to show the information which is based on hierarchy on a website. Breadcrumbs are also used to dates, tags, etc. To include breadcrumb in bootstrap .breadcrumb class is used. The breadcrumb is an unordered list in bootstrap.

Consider the following example in which we have added breadcrumb:

CODE:

<!DOCTYPE html>

<html>

<head>

<title> Bootstrap Example</title>

<link href=”/bootstrap/css/bootstrap.min.css” rel=”stylesheet”>

<script src=”/scripts/jquery.min.js”></script>

<script src=”/bootstrap/js/bootstrap.min.js”></script>

</head>

<body>

<ol class = “breadcrumb”>

<li class = “active”>Programming Languages</li>

<li><a>2017</a></li>

<li><a>October</a></li>

</ol>

</body>

</html>

The above code will generate the following result:

OUTPUT:

Bootstrap Breadcrumb