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

E019

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

Note: Below is the original page from the Bootlint documentation, some of the info here might not apply to Bootlint-NG!

E019

.checkbox-inline should only be used on <label> elements

Wrong:

<span class="checkbox-inline">
  <input type="checkbox" id="inlineCheckbox1" value="option1" /> Option number one
</span>

Right:

<label class="checkbox-inline">
  <input type="checkbox" id="inlineCheckbox1" value="option1" /> Option number one
</label>

Incorrect markup used with the .checkbox-inline class. The correct markup structure is label.checkbox-inline>input[type="checkbox"]

.checkbox-inline requires a specific DOM structure. There cannot be any intervening layers of elements.

Wrong:

<label class="checkbox-inline">
  <span class="my-awesome-wrapper">
    <input type="checkbox" id="inlineCheckbox1" value="option1" /> Option number one
  </span>
</label>

Right:

<label class="checkbox-inline">
  <input type="checkbox" id="inlineCheckbox1" value="option1" /> Option number one
</label>

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