2 E011

Herst редактировал(а) эту страницу 2019-07-30 16:01:32 +02:00

Содержание

• 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
• 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

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.