summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorThomas Park <thomas@thomaspark.me>2015-03-22 12:26:49 -0400
committerThomas Park <thomas@thomaspark.me>2015-03-22 12:26:49 -0400
commit919147c5b1c39738abeeea1ecb1bcb9032371d20 (patch)
treeadd6a6a4fd6fd84f59fc3fc3b5c444d2ede1e768
parent86a99dc5a56837cb9b0174db9ac0857fc0c7ab5d (diff)
add radio/checkbox test
-rw-r--r--tests/components.html51
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>