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.