02.06.2015 Views

Bootstrap Tutorial

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Forms in navbar<br />

Instead of using the default class-based forms from Chapter <strong>Bootstrap</strong> Forms, forms that are in the navbar use<br />

the .navbar-form class. This ensures that the form’s proper vertical alignment and collapsed behavior in narrow<br />

viewports. Use the alignment options (explained in Component alignment section) to decide where it resides within<br />

the navbar content.<br />

Following example demonstrates this:<br />

<br />

<br />

<strong>Tutorial</strong>sPoint<br />

<br />

<br />

<br />

<br />

<br />

<br />

Submit<br />

<br />

<br />

<br />

Buttons in navbar<br />

You can add buttons using class .navbar-btn to elements not residing in a to vertically center<br />

them in the navbar. .navbar-btn can be used on and elements.<br />

TUTORIALS POINT<br />

Simply Easy Learning

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!