Skip to content
This repository has been archived by the owner on Feb 1, 2022. It is now read-only.

E035

Jump to bottom
cvrebert edited this page Oct 30, 2014 · 1 revision

E035

Neither .form-inline nor .form-horizontal should be used directly on a .form-group. Instead, nest the .form-group within the .form-inline or .form-horizontal

.form-inline and .form-horizontal are meant as containers for form content and are typically used on <form>s (although using them on <div>s is also valid). .form-group is meant to contain a single label-field pair. Using .form-inline or .form-horizontal on .form-group doesn't make sense. Instead, put the .form-group within the .form-inline or .form-horizontal.

Wrong:

<div class="form-group form-inline">
  ...
</div>

<div class="form-group form-horizontal">
  ...
</div>

Right:

<div class="form-inline">
  <div class="form-group">
    ...
  </div>
</div>

<div class="form-horizontal">
  <div class="form-group">
    ...
  </div>
</div>

Bootlint documentation wiki content is licensed under the CC BY 3.0 License, and based on Bootstrap's docs which are copyright Twitter, Inc.

Clone this wiki locally