Default
The navbar is a simple wrapper for positioning branding, navigation, and other elements into a concise navigation header. It’s easily extensible and, with the help of our collapse plugin, it can easily integrate offscreen content.
Inverse
Logo Image
The .navbar-brand
can be applied to most elements, Replace the navbar brand with your own image by swapping the text for an <img>
.
Toolbar
Navbars come with built-in support for a handful of sub-components. Mix and match from the following as you need: .active
, .dropdown-menu
Non-Nav Links
Putting your navigation in standard places makes your site easier to use add .navbar-link
Buttons
Add the .btn
class to <button>
in the navbar.