1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-09-25 21:09:06 +02:00

breaking out patterns.less even more, removing unnecessary div from checkbox and radio lists--now just labels and inputs

This commit is contained in:
Mark Otto
2012-01-05 10:01:42 -08:00
parent bdc22e71c8
commit 20add59de3
18 changed files with 1411 additions and 1462 deletions

View File

@@ -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&mdash;be sure to include why its 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&mdash;yes, you guessed it&mdash;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&mdash;be sure to include why its 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&mdash;yes, you guessed it&mdash;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&mdash;be sure to include why its 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&mdash;be sure to include why its 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">