switch button

Mattepuffo's logo
Creare uno switch button in Twitter Bootstrap

Creare uno switch button in Twitter Bootstrap

Ecco un altro componente che manca a Twitter Bootstrap: lo switch button.

In pratica parliamo di quelo bottone che corrisponde al classico On|Off.

Possiamo facilmente rimediare usando un plugin di terze parti che trovate qui: Bootstrap Switch.

Prima di tutto scaricate i file e includeteli nella vostra pagina:

<link href="bootstrap-switch.min.css" rel="stylesheet">
<script src="bootstrap-switch.min.js"></script>

Mattepuffo's logo
Usare gli Switch Button in Twitter Bootstrap

Usare gli Switch Button in Twitter Bootstrap

Twitter Bootstrap è un framework di per sè molto completo; ma non al 100%.

Un componente che manca è lo Switch Button, il classico pulsante diviso che viene spesso associato al tasto ON|OFF.

Ovviamente è possibile rimediare con un plugin apposito.

Supponendo di aver già integrato il framework e jQuery nella pagina, basterà scaricare da qua (Bootstrap Switch) il plugin e inserirlo; il tutto è composto da un file Javascript e un file CSS.

Come potete vedere sul sito, ci sono diversi esempi.