E015 - 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!


E015

Having multiple add-ons on a single side of an input group is not supported

As mentioned in the documentation, Bootstrap does not support two or more add-ons either side (left or right) of an input group.

Right (two add-ons are fine so long as they're on different sides):

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

Wrong:

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

Wrong:

<div class="input-group">
  <input type="text" class="form-control">
  <span class="input-group-addon">.00</span>
  <span class="input-group-addon">USD</span>
</div>
⚠️ **GitHub.com Fallback** ⚠️