Interruptores de palanca flexibles para bootstrap-Toggle. CSS
| Autor: | qbicfeet |
|---|---|
| Views Total: | 3,383 |
| Sitio oficial: | Ir a la web |
| Actualizado: | April 22, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
La biblioteca Toggle. CSS permite crear conmutadores personalizables (botones de alternancia) con colores y tamaños variables mediante estilos de bootstrap.
Funcionamiento
Se asegura de cargar la hoja de estilos de bootstrap y el Toggle. min. CSS en la página HTML.
<link rel="stylesheet" href="/path/to/bootstrap.min.css"> <link rel="stylesheet" href="/path/to/toggle.min.css">
Agregue la clase CSS principal ' TGL ' y una clase de tema de su elección a su entrada de casilla de verificación normal y hecho. Temas disponibles:
- DD-default
- TGL-Primary
- TGL-Success
- DD-info
- fecha-ADVERTENCIA
- TGL-Danger
<input type="checkbox" class="tgl DD-default" id="example"> <label for="example">Toggle</label>
Cambie el tamaño predeterminado del conmutador mediante las siguientes clases CSS:
- DD-default
- DD-BC
- TGL-MD
- DD-LG
<input type="checkbox" class="tgl TGL-Primary DD-BC" id="example2"> <label for="example2">Toggle</label>
También se le permite utilizar temas mixtos como se muestra a continuación:
<input type="checkbox" class="tgl DD-default tgl-on-primary" id="example3"> <label for="example3">Toggle</label>
