Skip to content

Commit 3fe228e

Browse files
hiskhisk
committed
Adjust demo page small toggles examples
1 parent 6282aaf commit 3fe228e

File tree

2 files changed

+42
-22
lines changed

2 files changed

+42
-22
lines changed

‎dist/shards-demo.html‎

Lines changed: 21 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -373,7 +373,7 @@ <h5 class="mb-4 w-100">Custom Controls</h5>
373373
</div>
374374

375375
<div class="row mb-5">
376-
<div class="custom-controls-example col-md-4 col-sm-4 col-xs-12 pl-0">
376+
<div class="custom-controls-example col-md-3 col-sm-3 col-xs-12 pl-0">
377377
<h6 class="text-muted mb-2">Checkboxes</h6>
378378
<fieldset>
379379
<div class="custom-control custom-checkbox d-block my-2">
@@ -403,7 +403,7 @@ <h6 class="text-muted mb-2">Checkboxes</h6>
403403
</div>
404404
</fieldset>
405405
</div>
406-
<div class="custom-controls-example col-md-4 col-sm-4 col-xs-12">
406+
<div class="custom-controls-example col-md-3 col-sm-3 col-xs-12">
407407
<h6 class="text-muted mb-2">Radio Buttons</h6>
408408
<fieldset>
409409
<div class="custom-control custom-radio d-block my-2">
@@ -433,7 +433,7 @@ <h6 class="text-muted mb-2">Radio Buttons</h6>
433433
</div>
434434
</fieldset>
435435
</div>
436-
<div class="custom-controls-example col-md-4 col-sm-4 col-xs-12 pl-4">
436+
<div class="custom-controls-example col-md-4 col-sm-4 col-xs-12 pl-5">
437437
<h6 class="text-muted mb-1">Toggles</h6>
438438
<fieldset>
439439
<div class="custom-control custom-toggle d-block my-2">
@@ -463,28 +463,38 @@ <h6 class="text-muted mb-1">Toggles</h6>
463463
</div>
464464
</fieldset>
465465
</div>
466-
</div>
467-
468-
<div class="row mb-5">
469-
<div class="custom-controls-example col-md-4 col-sm-4 col-xs-12 pl-0">
470-
<h6 class="text-muted mb-1">Toggles Size Variation</h6>
466+
<div class="custom-controls-example col-md-2 col-sm-2 col-xs-12 pl-3">
467+
<h6 class="text-muted mb-1">Sizes</h6>
471468

472469
<fieldset>
473470
<div class="custom-control custom-toggle custom-toggle-sm d-block my-2">
474471
<input type="checkbox" id="customToggle1sm" name="customToggle1sm" class="custom-control-input">
475-
<label class="custom-control-label" for="customToggle1sm">Rockets Small</label>
472+
<label class="custom-control-label" for="customToggle1sm">Rockets</label>
476473
</div>
477474
</fieldset>
478475

479476
<fieldset>
480477
<div class="custom-control custom-toggle custom-toggle-sm d-block my-2">
481478
<input type="checkbox" id="customToggle2sm" name="customToggle2sm" class="custom-control-input" checked>
482-
<label class="custom-control-label" for="customToggle2sm">Lasers Small</label>
479+
<label class="custom-control-label" for="customToggle2sm">Lasers</label>
480+
</div>
481+
</fieldset>
482+
483+
<fieldset disabled>
484+
<div class="custom-control custom-toggle custom-toggle-sm d-block my-2">
485+
<input type="checkbox" id="customToggle3" name="customToggle3" class="custom-control-input">
486+
<label class="custom-control-label" for="customToggle3">HAL</label>
487+
</div>
488+
</fieldset>
489+
490+
<fieldset disabled>
491+
<div class="custom-control custom-toggle custom-toggle-sm d-block my-2">
492+
<input type="checkbox" id="customToggle4" name="customToggle4" class="custom-control-input" checked>
493+
<label class="custom-control-label" for="customToggle4">Ultron</label>
483494
</div>
484495
</fieldset>
485496
</div>
486497
</div>
487-
488498
<div class="row mb-5">
489499
<div class="col-md-6 pl-0 custom-dropdown-example">
490500
<h6 class="text-muted mb-3">Custom Dropdown</h6>

‎src/extras/shards-demo.html‎

Lines changed: 21 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -373,7 +373,7 @@ <h5 class="mb-4 w-100">Custom Controls</h5>
373373
</div>
374374

375375
<div class="row mb-5">
376-
<div class="custom-controls-example col-md-4 col-sm-4 col-xs-12 pl-0">
376+
<div class="custom-controls-example col-md-3 col-sm-3 col-xs-12 pl-0">
377377
<h6 class="text-muted mb-2">Checkboxes</h6>
378378
<fieldset>
379379
<div class="custom-control custom-checkbox d-block my-2">
@@ -403,7 +403,7 @@ <h6 class="text-muted mb-2">Checkboxes</h6>
403403
</div>
404404
</fieldset>
405405
</div>
406-
<div class="custom-controls-example col-md-4 col-sm-4 col-xs-12">
406+
<div class="custom-controls-example col-md-3 col-sm-3 col-xs-12">
407407
<h6 class="text-muted mb-2">Radio Buttons</h6>
408408
<fieldset>
409409
<div class="custom-control custom-radio d-block my-2">
@@ -433,7 +433,7 @@ <h6 class="text-muted mb-2">Radio Buttons</h6>
433433
</div>
434434
</fieldset>
435435
</div>
436-
<div class="custom-controls-example col-md-4 col-sm-4 col-xs-12 pl-4">
436+
<div class="custom-controls-example col-md-4 col-sm-4 col-xs-12 pl-5">
437437
<h6 class="text-muted mb-1">Toggles</h6>
438438
<fieldset>
439439
<div class="custom-control custom-toggle d-block my-2">
@@ -463,28 +463,38 @@ <h6 class="text-muted mb-1">Toggles</h6>
463463
</div>
464464
</fieldset>
465465
</div>
466-
</div>
467-
468-
<div class="row mb-5">
469-
<div class="custom-controls-example col-md-4 col-sm-4 col-xs-12 pl-0">
470-
<h6 class="text-muted mb-1">Toggles Size Variation</h6>
466+
<div class="custom-controls-example col-md-2 col-sm-2 col-xs-12 pl-3">
467+
<h6 class="text-muted mb-1">Sizes</h6>
471468

472469
<fieldset>
473470
<div class="custom-control custom-toggle custom-toggle-sm d-block my-2">
474471
<input type="checkbox" id="customToggle1sm" name="customToggle1sm" class="custom-control-input">
475-
<label class="custom-control-label" for="customToggle1sm">Rockets Small</label>
472+
<label class="custom-control-label" for="customToggle1sm">Rockets</label>
476473
</div>
477474
</fieldset>
478475

479476
<fieldset>
480477
<div class="custom-control custom-toggle custom-toggle-sm d-block my-2">
481478
<input type="checkbox" id="customToggle2sm" name="customToggle2sm" class="custom-control-input" checked>
482-
<label class="custom-control-label" for="customToggle2sm">Lasers Small</label>
479+
<label class="custom-control-label" for="customToggle2sm">Lasers</label>
480+
</div>
481+
</fieldset>
482+
483+
<fieldset disabled>
484+
<div class="custom-control custom-toggle custom-toggle-sm d-block my-2">
485+
<input type="checkbox" id="customToggle3" name="customToggle3" class="custom-control-input">
486+
<label class="custom-control-label" for="customToggle3">HAL</label>
487+
</div>
488+
</fieldset>
489+
490+
<fieldset disabled>
491+
<div class="custom-control custom-toggle custom-toggle-sm d-block my-2">
492+
<input type="checkbox" id="customToggle4" name="customToggle4" class="custom-control-input" checked>
493+
<label class="custom-control-label" for="customToggle4">Ultron</label>
483494
</div>
484495
</fieldset>
485496
</div>
486497
</div>
487-
488498
<div class="row mb-5">
489499
<div class="col-md-6 pl-0 custom-dropdown-example">
490500
<h6 class="text-muted mb-3">Custom Dropdown</h6>

0 commit comments

Comments
 (0)