Navbar
Bootstrap’s powerful, responsive navigation header, the navbar, includes support for branding, navigation, and more, including support for collapse plugin.
Like footer, navbar is wrapped in a partial. Partials are basically just html files that are designed to be used from within other pages by specifying the path to the partial file and its classes viaaddClass
variable
like this:
<partial src="nav.html" addClass="bg-transparent fixed-top"></partial>
| Class | Description |
|---|---|
.bg-*
|
Use the following background utilities (eg. .bg-primary) as
the background color for the navbar element.
|
.bg-transparent
|
When used with .fixed-top will switch from transparent to solid
color once user scrolls past a certain point.
|
.navbar-dark
|
For use with dark background colors, eg. .navbar-dark .bg-primary
|
.navbar-light
|
For use with light background colors, eg. .navbar-light .bg-light
|
.navbar-center
|
Navbars and their contents are fluid by default. Use .navbar-center to
center it on a page.
|
.fixed-top
|
Use to fix it to the top or .fixed-bottom to fix it to the
bottom. |
.sticky-top
|
Use to stick it to the top (scrolls with the page until it reaches the top, then stays there). |