¿Cómo posicionas los elementos usando el sistema de cuadrícula de Bootstrap?

Gracias Meera por invitarme a responder.

Todo es práctica aquí. El sistema de cuadrícula de Bootstrap tiene col-md- *, col-xs- *, col-sm- *, col-lg- *. ‘*’ aquí es el número de cuadrículas que desea cubrir y oscila entre 1 y 12.

Imagen col-md- *, col-xs- *, col-sm- *, col-lg- * como columnas de la tabla. Esa es la forma en que divide la página horizontalmente.

Clase = “fila” es una clase que divide la página verticalmente. La fila cubre todo el ancho del contenedor y la altura depende de los elementos contenidos en la fila. Por elementos quiero decir controles html y elementos html.

Espero no asustarte con los detalles anteriores. Internamente es similar a lo que estábamos haciendo en Media Query en Dinosaurs días de diseño web. lo siento, quiero decir que hace unos años estábamos usando consultas de medios donde obtenemos el ancho y el alto de la página y, dependiendo de ese tamaño, establecemos reglas para mostrar la página web que se denominaron ‘consultas de medios’.

Si tiene algo específico que estaba haciendo y tiene esta pregunta en mente, puede preguntar.

puede consultar más detalles del sistema de cuadrícula bootstrap 3 en el siguiente enlace:

Comprender el sistema de cuadrícula Bootstrap 3

Gracias y Saludos
Heemanshu Bhalla (hb)

Eso es para a2a.

En primer lugar, el bootstrap es el framework css más famoso (ahora también con js). Y ser un programador que aprende bootstrap es como una taza de té.

El bootstrap dividió la pantalla en 12 partes iguales de columnas y las filas pueden ser n números aquí porque no importa cuántas filas crees que serían manejadas por la barra de desplazamiento. Entonces, básicamente, U tiene que organizar el contenido de la suma 12

cuando dices que tienes col-lg-7 como ancho del primer div, luego el segundo no puedes hacer más que col-lg-5. Si quieres otros dos, puedes dividirlo en 3 y 2 (lo siento, no puedes tener fracciones aquí).

Hay md y sm además de lg en la sección de columnas de las clases. Eso depende básicamente de la audiencia a la que se dirige. Si está apuntando como un sitio social, entonces la mayoría de las personas no tendrán pantallas grandes, por lo que las clases md (medianas) jugarán mejor.

Y una clase de desplazamiento significa que deduce que, por ejemplo, ^ col-lg-offset-6 col-lg-6 ^ Esta clase significa que el elemento se mostrará en la segunda mitad de la página n la primera mitad se mantendrá vacía.

Todas las otras clases de bootstrap son simplemente piezas decorativas que solo tú puedes entenderlas solo después de mirarlas una vez.

¡Espero que esto ayude!