E010 - Herst/bootlint-ng GitHub Wiki

Note: Below is the original page from the Bootlint documentation, some of the info here might not apply to Bootlint-NG!


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>
⚠️ **GitHub.com Fallback** ⚠️