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

E015

Jump to bottom
Herst edited this page Jul 30, 2019 · 2 revisions

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

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>

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