Bienvenido a la Comunidad de Treehouse

¿Quieres colaborar en errores de código? ¿Tienes errores que necesitan comentarios? ¿Buscas un par de ojos adicionales en tu último proyecto? aquí.

¿Buscas aprender algo nuevo?

Treehouse ofrece una prueba gratuita de siete días para estudiantes nuevos. Obtén acceso a miles de horas de contenido y únete a miles de

Inicia tu prueba gratuita

CSS Conceptos básicos de Bootstrap Creando formularios con Bootstrap Diseños de Formulario Estructurados con la Cuadrícula

Pregunta sobre col-lg

Cuando se agrega .col-lg-12 a la etiqueta en la Fecha de Vencimiento:

incluso cuando el tamaño de la pantalla no es superior a "lg", los dos inputs de selección bajan de línea. ¿Qué está pasando?

¿No deberían permanecer en la misma línea cuando el tamaño de la pantalla no es superior a "lg" ya que la regla col-12 solo se aplica después de "lg"?

Además, cuando se agregan .col-lg-8 y .col-lg al selector de mes y selector de año respectivamente, los selectores ocupan toda la línea incluso cuando son más pequeños que "lg", en lugar de actuar como "inline-blocks" como lo hacían antes.

¿Alguien puede ayudar?? :/

1 Respuesta

Los elementos son de nivel de bloque por defecto, lo que significa que ocupan el ancho completo de la ventana gráfica / contenedor y aparecen apilados uno encima del otro. Solo cuando agregas clases de columna de bootstrap es que los elementos se acomodan en la misma línea según el ancho de columna establecido, por ejemplo "col-lg-6". El diseño de cuadrícula de bootstrap se activa una vez que se alcanza el punto de quiebre mínimo (por ejemplo, grande y extra grande), de lo contrario, los elementos permanecerán como nivel de bloque por defecto.

¡Espero que esto te ayude!

¡Muchas gracias! :)