Tabs

Note the .nav-tabs class requires the .nav base class.

• Active
• Link
• Link
• Disabled

Pills

Take that same HTML, but use .nav-pills instead:

• Active
• Link
• Link
• Disabled

Pills are also vertically stackable. Just add .flex-column.

• Active
• Link
• Link
• Disabled

Justified

For equal-width elements, use .nav-justified.

• Active
• Much longer nav link
• Link
• Disabled

Tabs with dropdowns

• Active
• Dropdown
  Action Another action Something else here

  Separated link
• Link
• Disabled

Pills with dropdowns

• Active
• Dropdown
  Action Another action Something else here

  Separated link
• Link
• Disabled

Default navbar

Text

Color schemes