Color Scheme

Breadcrumbs

Materialize is a modern responsive CSS framework based on Material Design by Google.

Breadcrumbs are a good way to display your current location. This is usually used when you have multiple layers of content.

Basic

              Copied!
              content_copy
              

<nav class="breadcrumb-wrapper">
    <div class="col s12">
      <a href="#!" class="breadcrumb">First</a>
      <a href="#!" class="breadcrumb">Second</a>
      <a href="#!" class="breadcrumb">Third</a>
    </div>
</nav>

Navbar style

              Copied!
              content_copy
              

<nav class="breadcrumb-wrapper">
  <div class="nav-wrapper">
    <div class="col s12">
      <a href="#!" class="breadcrumb">First</a>
      <a href="#!" class="breadcrumb">Second</a>
      <a href="#!" class="breadcrumb">Third</a>
    </div>
  </div>
</nav>