diff options
| author | Thomas Park <thomas@thomaspark.me> | 2015-03-22 12:26:49 -0400 |
|---|---|---|
| committer | Thomas Park <thomas@thomaspark.me> | 2015-03-22 12:26:49 -0400 |
| commit | 919147c5b1c39738abeeea1ecb1bcb9032371d20 (patch) | |
| tree | add6a6a4fd6fd84f59fc3fc3b5c444d2ede1e768 | |
| parent | 86a99dc5a56837cb9b0174db9ac0857fc0c7ab5d (diff) | |
add radio/checkbox test
| -rw-r--r-- | tests/components.html | 51 |
1 files changed, 45 insertions, 6 deletions
diff --git a/tests/components.html b/tests/components.html index a5d5e855..78793ce5 100644 --- a/tests/components.html +++ b/tests/components.html @@ -9,12 +9,16 @@ <link rel="stylesheet" href="../assets/css/bootswatch.min.css"> <style> - #menu { - z-index: 1040; - position:fixed; - top:10px; - right:10px; - } + body { + margin-bottom: 3em; + } + + #menu { + z-index: 1040; + position:fixed; + top:10px; + right:10px; + } </style> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> @@ -2851,6 +2855,41 @@ </table> </div> + + + <!-- Checkbox / Radio + ================================================== --> + <div class="bs-docs-section"> + <div class="page-header"> + <h1 id="popovers">Checkbox / Radio</h1> + </div> + <div class="bs-example" style="padding-bottom: 24px;"> + <div class="btn-group" data-toggle="buttons"> + <label class="btn btn-primary active"> + <input type="checkbox" autocomplete="off" checked> Checkbox 1 (pre-checked) + </label> + <label class="btn btn-primary"> + <input type="checkbox" autocomplete="off"> Checkbox 2 + </label> + <label class="btn btn-primary"> + <input type="checkbox" autocomplete="off"> Checkbox 3 + </label> + </div> + + <div class="btn-group" data-toggle="buttons"> + <label class="btn btn-primary active"> + <input type="radio" name="options" id="option1" autocomplete="off" checked> Radio 1 (preselected) + </label> + <label class="btn btn-primary"> + <input type="radio" name="options" id="option2" autocomplete="off"> Radio 2 + </label> + <label class="btn btn-primary"> + <input type="radio" name="options" id="option3" autocomplete="off"> Radio 3 + </label> + </div> + </div> + </div> + </div> |