Bootstrap - Breadcrumb

Breadcrumbs là một cách tuyệt vời để hiển thị thông tin dựa trên thứ bậc cho một trang web. Trong trường hợp blog, breadcrumbs có thể hiển thị ngày xuất bản, danh mục hoặc thẻ. Chúng chỉ ra vị trí của trang hiện tại trong một hệ thống phân cấp điều hướng.

Một breadcrumb trong Bootstrap chỉ đơn giản là một danh sách không có thứ tự với một lớp .breadcrumb. Dấu phân tách được CSS (bootstrap.min.css) thêm tự động thông qua lớp sau:

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

Ví dụ sau minh họa breadcrumbs -

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