Breadcrumb

Indicate the current page's location within a navigational hierarchy.

Separators are automatically added in CSS through :before and content.

To get a normal link in the dropdown as shown in the example, you need to add class link to <li>. Example: <li class="link"><a href="#">More</a></li>

Example with a dropdown:

1. Causeway LTD
2. Carillion
   • Sub Company A
   • Sub Company B
   • Sub Company C
   • More

      <ol class="breadcrumb">
        <li><a href="#">Causeway LTD</a></li>
        <li class="dropdown">
            <a href="#" data-toggle="dropdown">Carillion
            <span class="fa fa-chevron-down"></span>
          </a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">Sub Company A</a></li>
            <li><a href="#">Sub Company B</a></li>
            <li><a href="#">Sub Company C</a></li>
            <li class="link"><a href="#">More</a></li>
          </ul>
        </li>
      </ol>
      

Example without a dropdown:

1. Causeway LTD
2. Carillion

      <ol class="breadcrumb">
        <li><a href="#">Causeway LTD</a></li>
        <li><a href="#">Carillion</a></li>
      </ol>
      

Additional Menu (Three Line Menu)

Example:

      <span class="additional-menu">
        <a href="#" data-toggle="dropdown">
          <span class="glyphicon glyphicon-threeLine-menu"></span>
        </a>

        <ul class="dropdown-menu" role="menu">
          <li><a href="#">Site Map</a></li>
          <li><a href="#">Application Sample</a></li>
        </ul>
      </span>