Skip to content
This repository has been archived by the owner on Feb 1, 2022. It is now read-only.
Herst edited this page Jul 30, 2019 · 3 revisions

Note: This check has been removed in Bootlint v1.x.


E010

Input groups cannot contain multiple .form-controls

As mentioned in the documentation, Bootstrap does not support multiple form-controls in a single input group, regardless of where they are located within the input group.


Wrong (unsupported):

<div class="input-group">
  <span class="input-group-addon">$</span>
  <input type="text" class="form-control" placeholder="Dollars">
  <input type="text" class="form-control" placeholder="Cents">
</div>

Right (supported):

<div class="input-group">
  <span class="input-group-addon">$</span>
  <input type="text" class="form-control" placeholder="Amount">
</div>

Wrong (unsupported):

<div class="input-group">
  <input type="text" class="form-control" placeholder="Username">
  <span class="input-group-addon">@</span>
  <input type="text" class="form-control" placeholder="Domain">
</div>

Right (supported):

<div class="input-group">
  <input type="text" class="form-control" placeholder="Username">
  <span class="input-group-addon">@example.com</span>
</div>
Clone this wiki locally