Latest web development tutorials

Bootstrap breadcrumbs

Breadcrumbs (Breadcrumbs) is a web-based information level displayed. To blog, for example, you can display breadcrumbs release date, category or tag. They represent the current page within the navigation hierarchy position.

Bootstrap in breadcrumbs (Breadcrumbs) is a simple unordered list with the.breadcrumb class.Delimiter is automatically added by CSS (bootstrap.min.css) as shown in the following class:

.breadcrumb > li + li:before {
    color: #CCCCCC;
    content: "/ ";
    padding: 0 5px;

The following example demonstrates breadcrumbs:


<Ol class = "breadcrumb"> <Li> <a href = "#"> Home < / a> </ li> <Li> <a href = "#"> 2013 < / a> </ li> <Li class = "active"> November </ li> </ Ol>

try it"

The results are as follows: