Breadcrumbs

You can add breadcrumbs to show direction and navigation of your webcontents.

Use .breadcrumb class to convert a ul unordered list into a breadcrumb.

Examples

• Design
• Frameworks
• Beauter

<ul class="breadcrumb">
  <li><a href="#">Design</a></li>
  <li><a href="#">Frameworks</a></li>
  <li><a href="">Beauter</a></li>
</ul>

Adding a bit of layers and colors:

• Design
• Frameworks
• Beauter

<ul class="breadcrumb _shadow _round _nightblue ">
  <li><a href="#">Design</a></li>
  <li><a href="#">Frameworks</a></li>
  <li><a href="#">Beauter</a></li>
</ul>