Bootstrap Navs

New

Navs classes

  • .nav
  • .nav justify-content-center
  • .nav justify-content-end
  • .nav flex-column
    • .nav-item
    • .disabled
      • .nav-link
  • .nav nav-tabs
  • .nav nav-pills
  • .nav nav-tabs nav-justified
  • .nav nav-pills nav-justified
    • .nav-item
    • .active
    • .disabled
    • .nav-item dropdown
      • .nav-link
      • .nav-link dropdown-toggle
      • .data-toggle="dropdown"
      • .data-toggle="tab"
      • .data-toggle="pill"
  • .tab-content
    • .tab-pane container active
    • .tab-pane container fade

Navbar classes

  • .navbar navbar-expand-# bg-*
  • .navbar navbar-expand-# bg-* navbar-dark fixed-top
  • .navbar navbar-expand-# bg-* navbar-dark fixed-bottom
  • .navbar navbar-expand-# bg-* navbar-dark sticky-top
  • .navbar navbar-expand-# bg-* justify-content-center
  • .navbar bg-*
  • .navbar-light
  • .navbar-dark
  • .collapse navbar-collapse
  • .navbar-nav
  • .navbar-brand
    • .navbar-item
    • .navbar-item dropdown
    • .navbar-toggler
      • .nav-link
      • .navbar-toggler-icon
      • .nav-link dropdown-toggle
  • .navbar-text
The header
horizontal nav
vertical nav
tab nav, justify-content-center
pill nav, nav-justified
pill nav, with dropdown-menu
toggleable tab nav
Yahoo is a ......
Google is a ......
FaceBook is a ......