Level 3 - Page 6

Navbar Forms

Use the .navbar-form class to vertically align form elements (same padding as links) inside the navbar.

The .input-group class is a container to enhance an input by adding an icon, text or a button in front or behind it as a "help text".

The .input-group-btn class attaches a button next to an input field. This is often used as a search bar:

Collapsible Navbar

In this example, the navigation bar is hidden on small screens and replaced by a button in the top right corner (try to re-size this window).

Only when the button is clicked, the navigation bar will be displayed.