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

E011

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

E011

Bootlint v0.x

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

Wrong:

<div class="form-group input-group">
  <div class="input-group-addon">@</div>
  <input class="form-control" type="email" placeholder="Enter nickname">
</div>

Right:

<div class="form-group">
  <div class="input-group">
    <div class="input-group-addon">@</div>
    <input class="form-control" type="email" placeholder="Enter nickname">
  </div>
</div>

Bootlint v1.x (Bootlint for Bootstrap v4 and newer)

.input-group and .form-group/.row/.form-row cannot be used directly on the same element. Instead, nest the .input-group within the .form-group/.row/.form-row

Wrong:

<div class="form-group input-group">
  <div class="input-group-prepend">@</div>
  <input class="form-control" type="email" placeholder="Enter nickname">
</div>

Right:

<div class="form-group">
  <div class="input-group">
    <div class="input-group-prepend">@</div>
    <input class="form-control" type="email" placeholder="Enter nickname">
  </div>
</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