This repository has been archived by the owner on Sep 18, 2018. It is now read-only.
forked from twbs/bootlint
-
Notifications
You must be signed in to change notification settings - Fork 0
E020
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!
Wrong:
<span class="radio-inline">
<input type="radio" name="someInlineRadioOptions" id="inlineRadio1" value="option1" /> Option one
</span>
<span class="radio-inline">
<input type="radio" name="someInlineRadioOptions" id="inlineRadio2" value="option2" /> Option two
</span>
Right:
<label class="radio-inline">
<input type="radio" name="someInlineRadioOptions" id="inlineRadio1" value="option1" /> Option one
</label>
<label class="radio-inline">
<input type="radio" name="someInlineRadioOptions" id="inlineRadio2" value="option2" /> Option two
</label>
Incorrect markup used with the .radio-inline
class. The correct markup structure is label.radio-inline>input[type="radio"]
.radio-inline
requires a specific DOM structure. There cannot be any intervening layers of elements.
Wrong:
<label class="radio-inline">
<span class="my-awesome-wrapper">
<input type="radio" name="someInlineRadioOptions" id="inlineRadio1" value="option1" /> Option one
</span>
</label>
<label class="radio-inline">
<span class="my-awesome-wrapper">
<input type="radio" name="someInlineRadioOptions" id="inlineRadio2" value="option2" /> Option two
</span>
</label>
Right:
<label class="radio-inline">
<input type="radio" name="someInlineRadioOptions" id="inlineRadio1" value="option1" /> Option one
</label>
<label class="radio-inline">
<input type="radio" name="someInlineRadioOptions" id="inlineRadio2" value="option2" /> Option two
</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.