diff options
Diffstat (limited to 'docs/base-css.html')
| -rw-r--r-- | docs/base-css.html | 72 |
1 files changed, 33 insertions, 39 deletions
diff --git a/docs/base-css.html b/docs/base-css.html index 37fa97ba8..58d42c2b0 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -973,40 +973,36 @@ Form states <fieldset class="control-group"> <label class="control-label" for="optionsCheckboxes">Checkboxes</label> <div class="controls"> - <div class="control-list"> - <label class="checkbox"> - <input type="checkbox" name="optionsCheckboxes" value="option1"> - Option one is this and that—be sure to include why it’s great - </label> - <label class="checkbox"> - <input type="checkbox" name="optionsCheckboxes" value="option2"> - Option two can also be checked and included in form results - </label> - <label class="checkbox"> - <input type="checkbox" name="optionsCheckboxes" value="option3"> - Option three can—yes, you guessed it—also be checked and included in form results - </label> - <label class="checkbox"> - <input type="checkbox" name="optionsCheckboxes" value="option4"> - Option four cannot be checked as it is disabled - </label> - </div> + <label class="checkbox"> + <input type="checkbox" name="optionsCheckboxes" value="option1"> + Option one is this and that—be sure to include why it’s great + </label> + <label class="checkbox"> + <input type="checkbox" name="optionsCheckboxes" value="option2"> + Option two can also be checked and included in form results + </label> + <label class="checkbox"> + <input type="checkbox" name="optionsCheckboxes" value="option3"> + Option three can—yes, you guessed it—also be checked and included in form results + </label> + <label class="checkbox"> + <input type="checkbox" name="optionsCheckboxes" value="option4"> + Option four cannot be checked as it is disabled + </label> <p class="help-text"><strong>Note:</strong> Labels surround all the options for much larger click areas and a more usable form.</p> </div> </fieldset> <fieldset class="control-group"> <label class="control-label" for="optionsRadios">Radio buttons</label> <div class="controls"> - <div class="control-list"> - <label> - <input type="radio" checked name="optionsRadios" value="option1"> - <span>Option one is this and that—be sure to include why it’s great</span> - </label> - <label> - <input type="radio" name="optionsRadios" value="option2"> - <span>Option two can is something else and selecting it will deselect options 1</span> - </label> - </div> + <label class="radio"> + <input type="radio" checked name="optionsRadios" value="option1"> + Option one is this and that—be sure to include why it’s great + </label> + <label class="radio"> + <input type="radio" name="optionsRadios" value="option2"> + Option two can is something else and selecting it will deselect options 1 + </label> <p class="help-text"><strong>Note:</strong> Labels surround all the options for much larger click areas and a more usable form.</p> </div> </fieldset> @@ -1040,17 +1036,15 @@ Form states <fieldset class="control-group"> <label class="control-label" for="input02">Label</label> <div class="controls"> - <div class="control-list"> - <label class="checkbox"> - <input type="checkbox"> Something something something something something - </label> - <label class="checkbox"> - <input type="checkbox"> Something something something something - </label> - <label class="checkbox"> - <input type="checkbox"> Something something something - </label> - </div> + <label class="checkbox"> + <input type="checkbox"> Something something something something something + </label> + <label class="checkbox"> + <input type="checkbox"> Something something something something + </label> + <label class="checkbox"> + <input type="checkbox"> Something something something + </label> </div> </fieldset> <fieldset class="form-actions"> |