commutateur Fondation
Switch est un clic de souris (tapping) sous basculer entre «On» et «Off», déclare:
Passez à utiliser <div class="switch"> Créer. <div> ajouté avec un identifiant unique dans le <input type="checkbox"> , <label> élément pour les attributs besoin <input type="checkbox"> id de matches:
Exemples
<Class = Div "switch">
<Entrée id = type "mySwitch" = "checkbox">
<Label for = "mySwitch"> </ label>
</ Div>
<Entrée id = type "mySwitch" = "checkbox">
<Label for = "mySwitch"> </ label>
</ Div>
Essayez »
Taille du commutateur
Utilisez .large , .small ou .tiny classe pour définir la taille de l' interrupteur:
Exemples
<Class Div = "switch large" > ... </ div>
<Class = Div "switch"> ... </ div>
<Class Div = "switch petite" > ... </ div>
<Class Div = "switch minuscule" > ... </ div>
<Class = Div "switch"> ... </ div>
<Class Div = "switch petite" > ... </ div>
<Class Div = "switch minuscule" > ... </ div>
Essayez »
interrupteur Fillet
Utilisez .radius et .round classe pour régler le commutateur de filet:
Exemples
<Class = Div "switch"> ... </ div>
<Class Div = "rayon de commutation" > ... </ div>
<Class = Div "switch round" > ... </ div>
<Class Div = "rayon de commutation" > ... </ div>
<Class = Div "switch round" > ... </ div>
Essayez »
groupe de commutation
Vous pouvez définir des options individuelles en réglant le bouton radio (radio). Remarque: Notez que chaque option name attribut doit être le même (par exemple "myGroup").
Exemples
<Class = Div "switch">
<Id d'entrée = type "mySwitch1" = "radio" name = "myGroup">
<Label for = "mySwitch1"> </ label>
</ Div>
<Class = Div "switch">
<Id d'entrée = Type "mySwitch2" = "radio" name = "myGroup" checked>
<Label for = "mySwitch2"> </ label>
</ Div>
<Id d'entrée = type "mySwitch1" = "radio" name = "myGroup">
<Label for = "mySwitch1"> </ label>
</ Div>
<Class = Div "switch">
<Id d'entrée = Type "mySwitch2" = "radio" name = "myGroup" checked>
<Label for = "mySwitch2"> </ label>
</ Div>
Essayez »