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

E044

Jump to bottom
Chris Rebert edited this page Nov 16, 2015 · 3 revisions

E044

.input-group must have a .form-control and either an .input-group-addon or an .input-group-btn.

.input-groups must contain at least two children, one of which must be a .form-control and the other of which must be an .input-group-addon or an .input-group-btn. Otherwise, it doesn't make sense to even use an .input-group.

Wrong:

<div class="input-group">
  <input type="text" class="form-control" placeholder="Username">
</div>

Right:

<div class="input-group">
  <span class="input-group-addon" id="basic-addon1">@</span>
  <input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1">
</div>

Also Right:

<div class="input-group">
  <input type="text" class="form-control" placeholder="Search for...">
  <span class="input-group-btn">
    <button class="btn btn-default" type="button">Go!</button>
  </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