39THIRTY 2016 Cap Logo Bears On Field NFL Chicago B Zp5wqx

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:

  • Logo B Bears Cap NFL On 2016 Chicago 39THIRTY Field .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
      Dress Mermaid Long amp;grape King's Formal Sleeve White Women's Lace Dresses Evening Love xpqwYEAX
       class="nav-item dropdown">
         class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup=2016 Logo Cap B On Chicago Field Bears 39THIRTY NFL "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">