Bootstrap bread navigation and bootstrap fresh navigation

Source: Internet
Author: User
Tags bootstrap carousel

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.