Cuadros de visualización
Mostrar cuadros en una página :
La integración de Bootstrap en PI-MiDire modifica la forma de posicionar los cuadros en una página, ya no es cuestión de porcentaje, ¡ahora serán columnas!
La cuadrícula está compuesta de columnas (.col) y filas (.row), con un máximo de 12 columnas seguidas y totalmente sensible. Bajo ninguna circunstancia puedes exceder las 12 de ancho, pero no estás obligado a utilizar las 12 columnas.
Con algunas capturas de pantalla será más comprensible. :
Aquí hay una fila de la cuadrícula Bootstrap con sus 12 columnas.
Veamos ahora la aplicación concreta para el posicionamiento de las cajas y la visualización en una página de PI-MiDire, comenzando desde la parte superior de la página.:
El posicionamiento de las cajas en Cajas en la parte superior.
Nota : Un nuevo "Cuadro libre vacío", este cuadro vacío se usa para centrar el cuadro del medio o se usa para mantener un cuadro seleccionado en su ubicación.
¡No todas las líneas están en 12, pero ninguna supera!
Ahora vayamos a la página de inicio,, vaya a Admin/Configuraciones/Config Home/Blog: :
La colocación de los cuadros en la página de inicio.
Importante : Para la base de datos de demostración, hemos elegido la opción "sin cuadros laterales", esto nos permite tener el ancho completo, es decir, 12 columnas,,
Si tiene una columna lateral, se usarán 3 columnas, 2 columnas laterales se usarán 6 columnas, le quedarán 9 o 6 columnas,
¡El ancho de una columna lateral es de 3 columnas y no se puede cambiar !
Sin olvidar la parte Blog , seleccionas las casillas del blog a la izquierda o a la derecha según tu elección.
Para la parte central :
- si usas una columna lateral, tienes un máximo de 9 columnas para las cajas centrales,
- si usas dos columnas laterales, tienes un máximo de 6 columnas para las cajas centrales,
- Si no usas columnas laterales, tienes las 12 columnas..
Depende de usted elegir el diseño de los cuadros que más le convenga para la presentación de su sitio.
Los cuadros centrales arriba y abajo tienen el mismo ancho que el cuadro principal..
Le positionnement des boites pour la partie centrale
Recordatorio : ¡El ancho de una columna lateral es de 3 columnas y no se puede cambiar!
Los cuadros en la parte inferior de la página para finalizar.:
Siempre el mismo principio con 12 columnas por línea, para usar total o parcialmente.
La colocación de las cajas en la parte inferior.
En la segunda fila usamos una ranura de 9 columnas y una ranura de 3 columnas.,
En la tercera línea se colocan cuatro ranuras de 3 columnas, con una personalización para ventilar el conjunto y tienes la parte del pie de página de este skin.
En resumen:
En una fila no se pueden exceder las 12 columnas en ningún caso, ya sea en la parte superior, en el medio o en la parte inferior, las columnas laterales se fijan en 3 columnas.
¡¡¡Ahora puedes ir a la configuración de las páginas de tu sitio!!!