Artículos
Bootstrap

Checkbox en línea con Bootstrap

05/Nov/2015

A la hora de insertar los checkbox dentro de una página, si no hacemos nada al respecto, estos, quedan dispuestos uno tras de otro como si fueran una lista. En el ejemplo de hoy vamos a ver cómo podemos crear checkbox en línea con Bootstrap.

Lo primero será insertar los checkbox dentro de nuestro formulario.

Vemos que los checkbox son recubiertos por una capa que utiliza la clase checkbox y que luego, cada una de las opciones está compuesta por un elemento label y otro input.

Ahora lo que tenemos que hacer es utilizar la clase checkbox-inline. Esta clase la utilizamos dentro de cada uno de los elementos label. De esta manera el código ahora nos quedará de la siguiente forma:

De esta forma hemos visto lo sencillo que es poner una lista de opciones creando checkbox en línea con Bootstrap.

Código Fuente

Descárgate el código fuente de Checkbox en línea 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