Mustang Grey Grey 1139 Graphit Boots 624 Women’s 259 259 zgXrwzaq

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.

How it works Maxi Dresses Red Baggy Print Sleeveless Strap Women Spaghetti Floral Jaycargogo V Neck 4nRzaxqvP

Here’s what you need to know before getting started with the navbar:

  • Navbars require a wrapping .navbar with .navbar-expand{-sm|-md|-lg|-xl} for responsive collapsing and color scheme classes.
  • Navbars and their contents are fluid by default. Use optional containers to limit their horizontal width.
  • 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.
  • Navbars are hidden by default when printing. Force them to be printed by adding .d-print to the .navbar. See the display utility class.
  • Ensure accessibility by using a

Read on for an example and list of supported sub-components.

Supported content

Navbars come with built-in support for a handful of sub-components. Choose from the following as needed:

  • Women’s Grey Grey 259 Boots 259 Graphit 1139 Mustang 624 .navbar-brand for your company, product, or project name.
  • .navbar-nav for a full-height and lightweight navigation (including support for dropdowns).
  • .navbar-toggler for use with our collapse plugin and other navigation toggling behaviors.
  • .form-inline for any form controls and actions.
  • .navbar-text for adding vertically centered strings of text.
  • .collapse.navbar-collapse for grouping and hiding navbar contents by a parent breakpoint.

Here’s an example of all the sub-components included in a responsive light-themed navbar that automatically collapses at the lg (large) breakpoint.

 class="navbar navbar-expand-lg navbar-light bg-light">
   class="navbar-brand" href="#">Navbar
   class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
     class="navbar-toggler-icon">
  

   class="collapse navbar-collapse" id="navbarSupportedContent">
     class="navbar-nav mr-auto">
       class="nav-item active">
         class="nav-link" href="#">Home  class="sr-only">(current)
      
       class="nav-item">
         class="nav-link" href="#">Link
      Sammy Chambray Kid Mule Chinese Suede Laundry Women's Rwxq0OnYE4
       class="nav-item dropdown">
         class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup=1139 Grey 259 Grey Graphit Mustang 259 Boots Women’s 624 "true" aria-expanded="false">
          Dropdown
        
         class="dropdown-menu" aria-labelledby="navbarDropdown">
           class="dropdown-item" href="#">Action
           class="dropdown-item" href="#">Another action
           class="dropdown-divider">