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

Nancy Den

Published on 19-Jun-2018 07:03:47

• Related Questions & Answers
• Bootstrap form structure
• Bootstrap Inline Form
• Bootstrap Horizontal Form
• Bootstrap Form CheckBox
• Bootstrap Form Input
• Bootstrap Form select
• Bootstrap Form Label
• Bootstrap Form TextArea
• Bootstrap Form Radio Button
• Bootstrap Form Control States
• HTML Layouts
• Bootstrap .form-control-static class
• Usage of Bootstrap navbar-form class
• CSS3 Flexible Box Layouts
• Form the element as a circle in Bootstrap