Columna de compensación:
En el sistema de cuadrícula Bootstrap, podemos usar columnas de compensación para lograr el efecto de mover una columna a la derecha, como se muestra a continuación:
<div> <div> col2 </div> </div>
Class = "col-sm-2 col-sm-ofset-1" significa que la columna ocupa dos partes y mueve una parte hacia la derecha. Los resultados que ve son los siguientes:
Col-SM-ofset-1 significa mover una copia a la derecha. Col-SM-Offset-2 significa cambiar dos copias a la derecha y así sucesivamente. La clase COL-XS no admite columnas de compensación, pero se puede lograr simplemente usando una celda vacía.
Columnas anidadas:
Podemos anidar cuadrículas en el contenido de la siguiente manera:
<Div> <VIV> <VIV> <VIV> COL </div> <div> col </div> </div> <div> <div> <div> col3 </div> <div> col4 </div> </div> </div> </div>
La capa externa es una cuadrícula de dos columnas en una fila y dos columnas. La primera columna representa 4 partes, la segunda columna representa 8 partes y una cuadrícula de dos columnas en una fila y dos columnas está anidada en la primera columna. La primera columna representa 2 partes, y la segunda columna representa 10 partes. El efecto de visualización es el siguiente:
Lo anterior es la descripción completa de la cuarta columna de compensación del sistema de cuadrícula Bootstrap y la columna anidada que se le presentó. Espero que te sea útil. Si tiene alguna pregunta, déjame un mensaje y el editor le responderá a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!