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


E012

.input-group and .col-*-* cannot be used directly on the same element. Instead, nest the .input-group within the .col-*-*

Grid column classes (e.g. .col-xs-7) cannot be used on an .input-group. Instead, you must nest the .input-group within the grid columns.

Wrong:

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

Right:

<div class="col-sm-5">
  <div class="input-group">
    <span class="input-group-addon">@</span>
    <input type="text" class="form-control" placeholder="Username">
  </div>
</div>
⚠️ **GitHub.com Fallback** ⚠️