¿Cómo alinear elementos a la cuadrícula de Bootstrap?
Coco
Perdón por la pregunta de principiante, pero estoy teniendo dificultades para tratar de resolver esto. Estoy usando una cuadrícula para un diseño de Bootstrap, pero mi problema es ¿cómo alineo los elementos con la cuadrícula? Ver mi imagen para una mejor explicación:
¿Debo considerar la alineación del elemento 1 o 2 como el límite exterior?
Otro problema al que me enfrento es que puedo alinear texto e imágenes en la cuadrícula, pero ¿qué pasa si el texto está dentro de un cuadro (visible)? ¿Debo alinear el contenido con la cuadrícula o el cuadro exterior? Si alineo el contenido, me enfrento al problema que se ve en 4, pero si alineo el cuadro exterior, pierdo la cuadrícula del contenido (aunque creo que esta es la forma correcta). ¿Cómo debería hacer esto?
Respuestas (1)
brynn
La documentación de Bootstrap no parece tener un gran ejemplo para esto, por lo que puedo decir.
Configuré un ejemplo para tratar de visualizar lo que hace Bootstrap con las columnas (agregué sus líneas de guía para comparar).
La esencia de esto es que la columna div tiene el ancho completo (Cuadro #4) pero tiene relleno a la izquierda y a la derecha (15 px), por lo que el contenido de la columna se rellenará por lo menos. En mi ejemplo, también agregué relleno superior e inferior (no estándar) para hacerlo más legible, la documentación de arranque también hace esto. Esto significa que su contenido terminará pareciéndose al Cuadro #3.
Entonces, si tiene contenido con fondos dentro de la columna, se verá como el Cuadro #3. Si sus columnas tienen fondos, se verán como el Cuadro #4.
¿Por qué las canaletas de la cuadrícula de Bootstrap en el medio son el doble de grandes que en los bordes?
Mi texto no se centrará en Dreamweaver (usando bootstrap)
¿Cuántas columnas se deben usar para dispositivos de pantalla pequeña?
¿Cómo evitar que Photoshop CC se ajuste a otros elementos?
¿Hay alguna regla de división de cuadrícula universal para usar en cualquier formato?
Copie, pegue, mueva cuadrados de colores, pero manténgalos alineados con la cuadrícula
¿Cómo alinear el texto exactamente a la cuadrícula?
¿Cómo alinear una sola letra dentro de un objeto de texto con el borde del cuadro delimitador en Adobe Illustrator?
¿Cómo progreso en la estética de mi diseño más allá del estilo minimalista lineal que uso para todo?
¿Cómo puedo usar la alineación con la cuadrícula de píxeles sin estropear la vista de contorno en Adobe Illustrator?