Basic Navbar
Navbars can utilize .navbar-toggler
,.navbar-collapse
,and .navbar-expand{-sm|-md|-lg|-xl}
classes to change when their content collapses behind a button. In combination with other utilities,you can easily choose when to show or hide particular elements.
Navbar Themes
To create a navbar with different background color options,use .bg-{color}
along with .navbar
.
Placement
Use our position utilities to place navbars in non-static positions. Choose from fixed to the top,fixed to the bottom,or stickied to the top(scrolls with the page until it reaches the top,then stays there).for fixed top use .fixed-top
,fixed bottom use .fixed-footer
,sticky top use .sticky-top