Checkbox en línea con Bootstrap

05/Nov/2015 Bootstrap 1 Comentario

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.

Vídeos sobre Bootstrap


Un comentario en “Checkbox en línea con Bootstrap”

Víctor Cuervo

Jorlennitap

Lol me sirvió muchísimo muchas gracias lol

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.