Skip to content
This repository has been archived by the owner on Sep 18, 2018. It is now read-only.

E010

Jump to bottom
Herst edited this page Sep 8, 2018 · 3 revisions

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>

Bootlint-NG documentation wiki content is licensed under the CC BY 3.0 License, and based on Bootstrap's docs which are copyright Twitter, Inc. For the original Bootlint documentation this is a fork of, see https://github.com/twbs/bootlint/wiki.

Clone this wiki locally