diff options
| author | Mark Otto <[email protected]> | 2014-03-25 23:00:47 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2014-03-25 23:00:47 -0700 |
| commit | 1d6187956f3a0ae0a3527da533b21608b9e18c3e (patch) | |
| tree | a3bff7caf3327d20d424e663245099b03d066284 /docs/_includes/css | |
| parent | ba1790ba0b11fd4aec9b1095b0d28d5a653432f0 (diff) | |
| download | bootstrap-1d6187956f3a0ae0a3527da533b21608b9e18c3e.tar.xz bootstrap-1d6187956f3a0ae0a3527da533b21608b9e18c3e.zip | |
Document #13186
Diffstat (limited to 'docs/_includes/css')
| -rw-r--r-- | docs/_includes/css/forms.html | 24 |
1 files changed, 23 insertions, 1 deletions
diff --git a/docs/_includes/css/forms.html b/docs/_includes/css/forms.html index eb2141cf1..5a76ce495 100644 --- a/docs/_includes/css/forms.html +++ b/docs/_includes/css/forms.html @@ -254,7 +254,7 @@ </div> {% endhighlight %} - <h4>Inline checkboxes</h4> + <h4>Inline checkboxes and radios</h4> <p>Use the <code>.checkbox-inline</code> or <code>.radio-inline</code> classes on a series of checkboxes or radios for controls that appear on the same line.</p> <div class="bs-example"> <form role="form"> @@ -268,6 +268,18 @@ <input type="checkbox" id="inlineCheckbox3" value="option3"> 3 </label> </form> + <br> + <form role="form"> + <label class="radio-inline"> + <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 1 + </label> + <label class="radio-inline"> + <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 2 + </label> + <label class="radio-inline"> + <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 3 + </label> + </form> </div><!-- /.bs-example --> {% highlight html %} <label class="checkbox-inline"> @@ -279,6 +291,16 @@ <label class="checkbox-inline"> <input type="checkbox" id="inlineCheckbox3" value="option3"> 3 </label> + +<label class="radio-inline"> + <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 1 +</label> +<label class="radio-inline"> + <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 2 +</label> +<label class="radio-inline"> + <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 3 +</label> {% endhighlight %} <h3>Selects</h3> |