.radio-inline should only be used on <label> elements
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>
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4