Toggle
Componente alternativo per la selezione di opzioni a scelta multipla.
Funzionalmente è del tutto simile al checkbox, ed è possibile farlo comparire preselezionato (checked) e/o disabilitato nello stesso modo.
<div class="row">
<div class="form-group col-md-3 col-lg-2">
<label for="gruppo3">Mezzi utilizzati:</label>
</div>
<div class="col">
<div class="form-check form-check-inline">
<div class="toggles">
<label for="toggleEsempio1a">
Auto propria
<input type="checkbox" id="toggleEsempio1a">
<span class="lever"></span>
</label>
</div>
</div>
<div class="form-check form-check-inline">
<div class="toggles">
<label for="toggleEsempio1b">
Treno
<input type="checkbox" id="toggleEsempio1b">
<span class="lever leverRight"></span>
</label>
</div>
</div>
<div class="form-check form-check-inline">
<div class="toggles">
<label for="toggleEsempio1c">
Car sharing
<input disabled type="checkbox" id="toggleEsempio1c">
<span class="lever"></span>
</label>
</div>
</div>
<div class="form-check form-check-inline">
<div class="toggles">
<label for="toggleEsempio1d">
Bike sharing
<input type="checkbox" id="toggleEsempio1d" checked="checked">
<span class="lever"></span>
</label>
</div>
</div>
<div class="form-check form-check-inline">
<div class="toggles">
<label for="toggleEsempio1e">
Metro/Tram/Bus
<input disabled type="checkbox" id="toggleEsempio1e" checked="checked">
<span class="lever"></span>
</label>
</div>
</div>
</div>
</div>Riferimenti
Il contenuto di questa pagina si riferisce ai seguenti punti della Documentazione Tecnica: