Documentation and examples for Bootstrap’s powerful, responsive navigation header, the navbar. Includes
support for
branding, navigation, and more, including support for our collapse plugin.
Navbars require a wrapping .navbar with .navbar-expand{-sm|-md|-lg|-xl|-xxl} for responsive collapsing and color scheme
classes.
Navbars and their contents are fluid by default. Change the container to limit their horizontal width in different ways.
Use our spacing and flex utility classes for controlling spacing and alignment within navbars.
Navbars are responsive by default, but you can easily modify them to change that. Responsive behavior depends on our
Collapse JavaScript plugin.
simple navBar
Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis itaque veritatis accusantium sunt
eius minima doloremque, possimus excepturi quis nesciunt.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
simple navBar
Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis itaque veritatis accusantium sunt
eius minima doloremque, possimus excepturi quis nesciunt.