Artículos
Bootstrap

Checkbox deshabilitados con Bootstrap

Creado: 03/Nov/2015 Actualizado: 27/Ago/2021

Cuando estamos creando un formulario e insertamos un checkbox podemos deshabilitar su uso incluyendo el atributo disabled dentro del elemento input. Este atributo consigue que no podamos marcar el checkbox. Si bien los checkbox deshabilitados con Bootstrap nos dan la posibilidad de ampliar la funcionalidad de estos y conseguir que esté deshabilitado tanto el checkbox como el texto que lo acompaña. Veamos cómo hacerlo.

Lo primero será partir de nuestro checkbox deshabilitado en HTML.

Ahora lo convertimos en un checkbox adaptado para Bootstrap. Para ello lo recubrimos de una capa que incluya la clase checkbox.

Y lo siguiente será añadirle la clase disabled dentro de la misma clase dónde teníamos la clase checkbox. De esta forma habremos conseguido tener checkbox deshabilitados con Bootstrap.

Código Fuente

Descárgate el código fuente de Checkbox deshabilitados con Bootstrap
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star

Vídeos sobre Bootstrap

Disfruta también de nuestros artículos sobre Bootstrap en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Bootstrap

¿Te atreves a probar tus habilidades y conocimiento en Bootstrap con nuestro test?

Test Bootstrap
Suscribir
Notificar de
guest
1 Comentario
Recientes
Anteriores Más votados
Opiniones integradas
Ver todos los comentarios