1. Home
  2. Examples
  3. Breadcrumb

Breadcrumb

The breadcrumb indicate the current page's location within a navigational hierarchy. It uses an ordered list with a class of .breadcrumb

Example:

  1. Home
  2. Examples
  3. Breadcrumb

Source Code:

    
    
  1. Home
    2. 
    
  2. Examples
    3. 
    
  3. Breadcrumb
    4.

Dynamic Breadcrumbs

If you wish to have breadcrumbs generated dynamicaly based on folder structure, add the class .dynamic to the .breadcrumb list.

NOTE: If using this method, it is recommended that folder names be Title Case and use underbars or dashes in lieu of spaces.

Example:

    Source Code: