Bootstrap bread navigation and bootstrap fresh navigation

Bootstrap bread navigation and bootstrap fresh navigation

Breadcrumbs is a browser-based display method. Taking a blog as an example, the breadcrumb navigation can display the release date, category, or label. They indicate the location of the current page within the navigation hierarchy.

Breadcrumbs in Bootstrap is a simple. BreadcrumbClass unordered list. The separator is automatically added using the class shown below in CSS(bootstrap.min.css:

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

The following example demonstrates the bread Navigation:

<! DOCTYPE html> 
Online operation
The result is as follows:

 
Address: http://www.manongjc.com/bootstrap/bootstrap_breadcrumbs.html
For more information about Bootstrap, see:

 

 
  
Bootstrap tutorial
 
  
Bootstrap Introduction
 
  
Install the Bootstrap Environment
 
  
Bootstrap CSS Overview
 
  
Bootstrap Grid System
 
  
Bootstrap typographical
 
  
Bootstrap code
 
  
Bootstrap table
 
  
Bootstrap form
 
  
Bootstrap button
 
  
Bootstrap Image
 
  
Bootstrap helper class
 
  
Bootstrap responsive Utility
 
  
Bootstrap font icon
 
  
Bootstrap drop-down menu
 
  
Bootstrap button group
 
  
Bootstrap button drop-down menu
 
  
Bootstrap input box Group
 
  
Bootstrap navigation Element
 
  
Bootstrap navigation bar
 
  
Bootstrap breadcrumbs navigation
 
  
Bootstrap pagination
 
  
Bootstrap tag
 
  
Bootstrap badge (Badges)
 
  
Bootstrap Large Screen
 
  
Bootstrap page title
 
  
Bootstrap thumbnail
 
  
Bootstrap warning (Alerts)
 
  
Bootstrap progress bar
 
  
Bootstrap multimedia object
 
  
Bootstrap List Group
 
  
Bootstrap panel Panels
 
  
Bootstrap Well
 
  
Bootstrap plugin Overview
 
  
Bootstrap transition effect
 
  
Bootstrap modal box
 
  
Bootstrap drop-down menu
 
  
Bootstrap rolling listener
 
  
Bootstrap Tab
 
  
Bootstrap prompt Tool
 
  
Bootstrap pop-up box
 
  
Bootstrap warning box
 
  
Bootstrap button
 
  
Bootstrap fold
 
  
Bootstrap carousel
 
  
Bootstrap additional navigation
 
  
Bootstrap other
 
  
Bootstrap UI Editor
 
  
Bootstrap HTML encoding Specification
 
  
Bootstrap CSS coding Specification