--- layout: default title: "Breadcrumb - Sleek Admin Dashboard Template" bodyClass: "header-fixed sidebar-fixed sidebar-dark header-light" parent: "ui-elements" sub_parent: "components" activePage: "breadcrumb" ---

# Breadcrumb

{%- include breadcrumb.htm -%}

## Breadcrumbs

Breadcrumb Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS. Read bootstrap documentaion for more details.

## Inverse Breadcrumbs

For Breadcrumb inverse add class `.breadcrumb-inverse` to `<ol class="breadcrumb">`

## Color Breadcrumbs

Background color in breadcrumb for exaple add class `.breadcrumb-*` to `<ol class="breadcrumb">`