Form Layouts in Bootstrap



The following are the form layouts provided by Bootstrap −

Vertical form

The basic form structure comes with Bootstrap; individual form controls automatically receive some global styling.

In-line form

To create a form where all of the elements are inline, left aligned and labels are alongside, add the class .form-inline to the <form> tag

Horizontal form

Horizontal forms stand apart from the others not only in the amount of markup but also in the presentation of the form


Advertisements