Edelia Reflect Wedge Suede Women's Silver Nina Pump Z5Anfwqq

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:

  • Suede Edelia Pump Reflect Women's Silver Nina Wedge .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
      Match All Big Black Coolred Dress Stripes Pendulum Fit Cami Relaxed Long white Women 8PSAFqPg
       class="nav-item dropdown">
         class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup=Wedge Edelia Reflect Pump Women's Suede Nina Silver "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">