Breadcrumbs
Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS. Read the Official Bootstrap Documentationfor a full list of instructions and other options.
Basic Styling
The example below is the basic styling of the breadcrumb from Bootstrap.
<nav aria-label="breadcrumb"><ol class="breadcrumb mg-b-0"><li class="breadcrumb-item"><a href="#">Home</a></li><li class="breadcrumb-item"><a href="#">Library</a></li><li class="breadcrumb-item active" aria-current="page">Data</li></ol></nav>Custom Styling
The example below is the custom styling of the breadcrumb used by this template.
<nav aria-label="breadcrumb"><ol class="breadcrumb breadcrumb-style1 mg-b-0"><li class="breadcrumb-item"><a href="#">Home</a></li><li class="breadcrumb-item"><a href="#">Library</a></li><li class="breadcrumb-item active" aria-current="page">Data</li></ol></nav>Custom Divider
The example below is the custom styling of the breadcrumb using different divider.
<nav aria-label="breadcrumb"><ol class="breadcrumb breadcrumb-style2 mg-b-0">...</ol></nav><nav aria-label="breadcrumb"><ol class="breadcrumb breadcrumb-style3 mg-b-0">...</ol></nav>