--- layout: page title: Navbar --- The navbar is a simple wrapper for positioning branding, navigation, and other elements. It's easily extensible and with the help of our collapse plugin it can easily integrate offscreen content. ### Basics Here's what you need to know before getting started with the navbar: - Navbars require a wrapping `.navbar` and either a color scheme class or custom styles. - When using multiple components in a navbar, some [alignment classes](#alignment) are required. - Navbars and their contents are fluid by default. Use [optional containers](#containers) to limit their horizontal width. - Ensure accessibility by using a ` {% endexample %}