Navbar

Navbars have little styling by themselves. They pick up most of their look and feel by combining helpers and the grid system. A navbar begins collapsed on smaller devices and becomes horizontal as the viewport width increases. Choose a background fill to use as background color.

.fill-denim

Tabs

Tabs are elements that help you organize and navigate multiple documents in a single container. They can be used for switching between items in the container.

.dark .tabs
<div class='btn-group tabs col-sm-6 col-sm-offset-3'>
  <a href='#fakelink' class='btn btn-primary active col-sm-4' data-toggle='tab'>Home</a>
  <a href='#fakelink' class='btn btn-primary col-sm-4' data-toggle='tab'>Profile</a>
  <a href='#fakelink' class='btn btn-primary col-sm-4' data-toggle='tab'>Messages</a>
</div>

<div class='btn-group tabs col-sm-6 col-sm-offset-3'>
  <a href='#fakelink' class='btn btn-primary active col-sm-4' data-toggle='tab'>Home</a>
  <a href='#fakelink' class='btn btn-primary col-sm-4' data-toggle='tab'>Profile</a>
  <a href='#fakelink' class='btn btn-primary col-sm-4' data-toggle='tab'>Messages</a>
</div>

Navlist

Navlist is a great way to provide navigation for sections of an individual page.

Made with in Norcross by the UX Team.