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