Form Layouts

Theme use Bootstrap template layout to make it easy to manage.

If you need more details about it, you can go here: Bootstrap Documentation.

Standard Form Layout

To create Bootstrap form layout, you just have to add form-control class to each input, and wrap label & input inside a form-group class div.

Here is a basic example:

<form role="form">
  <div class="form-group">
    <label for="email">Email address</label>
    <input type="email" class="form-control" id="email">
  </div>
  <div class="form-group">
    <label for="password">Password</label>
    <input type="password" class="form-control" id="password">
  </div>
  <button type="submit" class="btn btn-default">Submit</button>
</form>

Horizontal Form Layout

If you prefer to have label & input on the same line, just add form-horizontal class to your form.

Here is an example:

<form role="form" class="form-horizontal">
  <!-- YOUR FORM CONTENT -->
</form>