Brand area

The brand area displays the site logo at a minimum, however it can also display a secondary logo and a site slogan.

All items can be a link but do not have to be.

Brand layout options

The brand items sit in a .navbar-brand container,see header examples for the full code.

.bc-brand-logo only.

.bc-brand-logo and .bc-brand-secondary-logo.

Slogan

.bc-brand-logo and .bc-brand-slogan.

Slogan

.bc-brand-logo, bc-brand-secondary-logo and .bc-brand-slogan.

  <div class="navbar-brand bc-brand-has-secondary-logo-and-slogan">
    <a href="#" class="bc-brand-logo">British Council</a>
    <a href="#">
      <img class="bc-brand-secondary-logo" src="#" alt="80 years of cultural relations">
    </a>
    <a href="#" class="bc-brand-slogan">Slogan</a>
  </div>

When all items are used an additional class of .bc-brand-has-secondary-logo-and-slogan is required on the .navbar-brand container.
Note: Currently the secondary logo is not be displayed on small devices.