52 lines
2.4 KiB
HTML
52 lines
2.4 KiB
HTML
<div class="col-sm-6 col-md-4 col-sm-offset-3 col-md-offset-4">
|
|
<div class="card">
|
|
<!-- Default panel contents -->
|
|
<div class="card-header">Material Design Switch Demos</div>
|
|
|
|
<!-- List group -->
|
|
<ul class="list-group">
|
|
<li class="list-group-item">
|
|
Bootstrap Switch Default
|
|
<div class="material-switch float-right">
|
|
<input id="someSwitchOptionDefault" name="someSwitchOption001" type="checkbox"/>
|
|
<label for="someSwitchOptionDefault" class="label-default"></label>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item">
|
|
Bootstrap Switch Primary
|
|
<div class="material-switch float-right">
|
|
<input id="someSwitchOptionPrimary" name="someSwitchOption001" type="checkbox"/>
|
|
<label for="someSwitchOptionPrimary" class="label-primary"></label>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item">
|
|
Bootstrap Switch Success
|
|
<div class="material-switch float-right">
|
|
<input id="someSwitchOptionSuccess" name="someSwitchOption001" type="checkbox"/>
|
|
<label for="someSwitchOptionSuccess" class="label-success"></label>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item">
|
|
Bootstrap Switch Info
|
|
<div class="material-switch float-right">
|
|
<input id="someSwitchOptionInfo" name="someSwitchOption001" type="checkbox"/>
|
|
<label for="someSwitchOptionInfo" class="label-info"></label>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item">
|
|
Bootstrap Switch Warning
|
|
<div class="material-switch float-right">
|
|
<input id="someSwitchOptionWarning" name="someSwitchOption001" type="checkbox"/>
|
|
<label for="someSwitchOptionWarning" class="label-warning"></label>
|
|
</div>
|
|
</li>
|
|
<li class="list-group-item">
|
|
Bootstrap Switch Danger
|
|
<div class="material-switch float-right">
|
|
<input id="someSwitchOptionDanger" name="someSwitchOption001" type="checkbox"/>
|
|
<label for="someSwitchOptionDanger" class="label-danger"></label>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div> |