Bootstrap CSS Component breadcrumb navigation (breadcrumb) _javascript tips

breadcrumbs breadcrumb generally used for navigation, indicating the location of the current page
Crumbs can be set up with other relevant little tagged content, such as labels, badge marks, and so on.

SOURCE
//Base style
. breadcrumb {
 padding:8px 15px;
 margin-bottom:20px;
 List-style:none;
 Background-color: #f5f5f5;
 border-radius:4px;
}
All Li items are inline block mode
. breadcrumb > li {
 display:inline-block;
}
And the Li item only works
. breadcrumb > li + li:before {
 padding:0 5px;
 Color: #ccc;
 Content: "/\00a0";
}
Sets the color of the current item
. breadcrumb > Active {
 color: #777;
}

<! DOCTYPE html>
 
 

This series of tutorials is organized into: Bootstrap basic tutorials, welcome to click to learn.

If you want to further study, you can click here to learn, and then attach 3 wonderful topics:

Bootstrap Learning Course

Bootstrap Practical Course

Bootstrap Table Use Tutorial

Bootstrap Plugin Usage Tutorial

The above is the entire content of this article, I hope to help you learn, but also hope that we support the cloud habitat community.