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

E009

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

E009

Bootlint v0.x

Button and input sizing within .input-groups can cause issues. Instead, use input group sizing classes .input-group-lg or .input-group-sm

Wrong:

<div class="input-group">
  <span class="input-group-btn">
    <button class="btn btn-default btn-lg" type="button">Go!</button>
  </span>
  <input type="text" class="form-control input-lg" />
</div>

Right:

<div class="input-group input-group-lg">
  <span class="input-group-btn">
    <button class="btn btn-default" type="button">Go!</button>
  </span>
  <input type="text" class="form-control" />
</div>

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

Button and input sizing within .input-groups can cause issues. Instead, use input group sizing classes .input-group-lg or .input-group-sm

Wrong:

<div class="input-group">
  <span class="input-group-prepend">
    <button class="btn btn-default btn-lg" type="button">Go!</button>
  </span>
  <input type="text" class="form-control input-lg" />
</div>

Right:

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