Minimal

Only includes a title and a sidebar toggler button which displays in small screen devices.

Topbar


Brand

Only includes a title and a sidebar toggler button which displays in small screen devices.

...

Text

Some sample text inside the topbar


Two Parts

.topbar-left

.topbar-right


Three Parts

.topbar-left

.topbar-center

.topbar-right


Buttons

Includes some buttons as well as dividers.


Search

Inline search as well as fullscreen search.


Dropdowns

Avatar and Icons

Inverse

.topbar-inverse applies to .topbar



Colors

Apply .topbar-inverse and .bg-* utility class to .topbar. You can even have any css background-color value as you like.