A navigation bar (aka navbar) is a navigation header that is placed at the top of the page:

Detailed documentation and more examples you can find in our Bootstrap Navbar Docs

---

Basic example

A basic example of the navbar with the most common elements like link, search form, brand, and dropdown. All of them are explained in detail in the supported content section.

Note: To see more examples and sourcecodes check Bootstrap Navbar Docs

Colors example

Theming the navbar has never been easier thanks to the combination of theming classes and background-color utilities. Choose from .navbar-light for use with light background colors, or .navbar-dark for dark background colors. Then, customize with .bg-* utilities.

Facebook style

A typical example of Facebook navbar usage - 3 columns with icons and distinctive notifications plus a search field on the left.

47 more navbar examples & source codes available here