1
0
mirror of https://github.com/tabler/tabler.git synced 2026-08-10 21:32:22 +04:00

fix Inline radios & Checkboxes not clickable/working

https://github.com/tabler/tabler/issues/20
This commit is contained in:
Emmanuel Campait
2018-04-02 17:56:51 +02:00
parent 2155b2f3f7
commit 9ff148ad1c
2 changed files with 59 additions and 60 deletions
+33 -34
View File
@@ -594,10 +594,10 @@
</div>
<div class="col-md-6 col-lg-4">
<div class="form-group">
<label class="form-label">Radios</label>
<div class="form-label">Radios</div>
<div class="custom-controls-stacked">
<label class="custom-control custom-radio">
<input type="radio" class="custom-control-input" name="example-radios" value="option1" checked="">
<input type="radio" class="custom-control-input" name="example-radios" value="option1" checked>
<div class="custom-control-label">Option 1</div>
</label>
<label class="custom-control custom-radio">
@@ -617,57 +617,56 @@
<div class="form-group">
<div class="form-label">Inline Radios</div>
<div class="custom-controls-stacked">
<div class="custom-control custom-radio">
<input type="radio" class="custom-control-input" name="example-inline-radios" value="option1" checked="">
<label class="custom-control custom-radio">
<input type="radio" class="custom-control-input" name="example-inline-radios" value="option1" checked>
<span class="custom-control-label">Option 1</span>
</div>
<div class="custom-control custom-radio">
</label>
<label class="custom-control custom-radio">
<input type="radio" class="custom-control-input" name="example-inline-radios" value="option2">
<span class="custom-control-label">Option 2</span>
</div>
<div class="custom-control custom-radio">
</label>
<label class="custom-control custom-radio">
<input type="radio" class="custom-control-input" name="example-inline-radios" value="option3">
<span class="custom-control-label">Option 3</span>
</div>
</label>
</div>
</div>
<div class="form-group">
<label class="form-label">Checkboxes</label>
<div class="form-label">Checkboxes</div>
<div class="custom-controls-stacked">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="example-checkbox1" value="option1" checked="">
<label class="custom-control-label">Option 1</label>
</div>
<div class="custom-control custom-checkbox">
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="example-checkbox1" value="option1" checked>
<span class="custom-control-label">Option 1</span>
</label>
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="example-checkbox2" value="option2">
<label class="custom-control-label">Option 2</label>
</div>
<div class="custom-control custom-checkbox">
<span class="custom-control-label">Option 2</span>
</label>
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="example-checkbox3" value="option3" disabled>
<label class="custom-control-label">Option Disabled</label>
</div>
<div class="custom-control custom-checkbox">
<span class="custom-control-label">Option Disabled</span>
</label>
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="example-checkbox4" value="option4" checked disabled>
<label class="custom-control-label">Option Disabled Checked</label>
</div>
<span class="custom-control-label">Option Disabled Checked</span>
</label>
</div>
</div>
<div class="form-group">
<div class="form-label">Inline Checkboxes</div>
<div class="custom-controls-stacked">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="example-inline-checkbox1" value="option1"
checked="">
<label class="custom-control-label">Option 1</label>
</div>
<div class="custom-control custom-checkbox">
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="example-inline-checkbox1" value="option1" checked>
<span class="custom-control-label">Option 1</span>
</label>
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="example-inline-checkbox2" value="option2">
<label class="custom-control-label">Option 2</label>
</div>
<div class="custom-control custom-checkbox">
<span class="custom-control-label">Option 2</span>
</label>
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="example-inline-checkbox3" value="option3">
<label class="custom-control-label">Option 3</label>
</div>
<span class="custom-control-label">Option 3</span>
</label>
</div>
</div>
<div class="form-group">