Colors

Modify the link and separator colors to align with your site's navigation theme.

Light

  1. Home
  2. Category
  3. Article
<ol class="breadcrumb bg-light p-3 mb-0" data-bs-theme="light">
  <li class="breadcrumb-item"><a class="breadcrumb-link" href="#">Home</a></li>
  <li class="breadcrumb-item"><a class="breadcrumb-link" href="#">Category</a></li>
  <li class="breadcrumb-item active">Article</li>
</ol>

Dark

  1. Home
  2. Category
  3. Article
<ol class="breadcrumb bg-dark p-3 mb-0" data-bs-theme="dark">
  <li class="breadcrumb-item"><a class="breadcrumb-link" href="#">Home</a></li>
  <li class="breadcrumb-item"><a class="breadcrumb-link" href="#">Category</a></li>
  <li class="breadcrumb-item active">Article</li>
</ol>