1 E020

cvrebert редактировал(а) эту страницу 2014-10-12 01:19:59 -07:00

Содержание

• E020
• .radio-inline should only be used on <label> elements
• Incorrect markup used with the .radio-inline class. The correct markup structure is label.radio-inline>input[type="radio"]

E020

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

Bootlint documentation wiki content is licensed under the CC BY 3.0 License, and based on Bootstrap's docs which are copyright Twitter, Inc.