Bootstrap navigation bar

In Bootstrap (framework), the navigation bar provides a responsive navigational menu.

Navigation bar and hamburger menu

On wider screens, the navigation bar displays at full width.

On narrow screen (mobile phones), the hamburger menu displays instead.

Requires Bootstrap CSS and JavaScript

Using the Bootstrap navigation bar requires both Bootstrap CSS and Bootstrap JavaScript.

Example

Here is the HTML for a typical navigation bar:

• http://getbootstrap.com/examples/jumbotron-narrow/

<nav>
 <ul class="nav nav-pills pull-right">
  <li role="presentation" class="active"><a href="#">Home</a></li>
  <li role="presentation"><a href="#">About</a></li>
  <li role="presentation"><a href="#">Contact</a></li>
 </ul>
</nav>

See also

• Bootstrap (framework)
• Navigation bar

= General

• Starter template @ getbootstrap.com
• Navbar component @ getbootstrap.com
• Gerate your own Bootstrap navbar @ smarchal.com

= code.karljones.com

• Bootstrap examples