Tenga en cuenta: Esta guía es para el heredado InstantSite comprado antes del 18 de agosto de 2020. Si tiene nuestro nuevo InstantSite consulte las guías específicas para nuestro nuevo constructor que se encuentran aquí.
InstantSite está diseñado utilizando el marco Bootstrap. Esto permite que su sitio responda a diferentes tamaños de pantalla y dispositivos. Es importante comprender las diferencias entre filas y columnas en InstantSite y cómo se utilizan para garantizar que su sitio se vea correctamente en un entorno de escritorio y móvil.
Sistema de red Bootstrap.
El sistema de cuadrícula de Bootstrap le permite agregar hasta 12 columnas en cada fila de la página. Si no desea usar las 12 columnas individualmente, puede usar una colección de columnas juntas. A continuación se muestra un ejemplo de los grupos de columnas que se pueden utilizar:
| intervalo 1 | intervalo 1 | intervalo 1 | intervalo 1 | intervalo 1 | intervalo 1 | intervalo 1 | intervalo 1 | intervalo 1 | intervalo 1 | intervalo 1 | intervalo 1 |
| tramo 4 | tramo 4 | tramo 4 |
| intervalo 4 | span 8 |
| span 6 | span 6 |
| intervalo 12 |
Al agregar un nuevo elemento a InstantSite, crea automáticamente un contenedor, una fila y una columna.
- El contenedor es simplemente la caja que contiene su fila.
- La fila es una cuadrícula de arranque de 12 columnas como se describe arriba;
- La columna es lo que contiene el elemento que ha agregado a la página.
Una columna puede abarcar cualquier espacio entre 1 y 12 espacios permitidos en la cuadrícula de arranque de 12 columnas. Luego, se puede cambiar el tamaño del elemento dentro de esta columna para que tenga el ancho completo o una parte de las 12 columnas disponibles.
Por que las columnas y las filas son importantes
Al crear su sitio web, desea que el diseño de su contenido se vea profesional en cualquier dispositivo. No tiene mucho sentido hacer que su sitio web se vea increíble en una computadora de escritorio si apenas se puede usar en un dispositivo móvil.
Bootstrap permite que el diseño de un sitio web se vuelva receptivo a pesar del dispositivo en el que se ve. Lo hace utilizando el sistema de cuadrícula de arranque de 12 columnas descrito anteriormente. Para obtener más información sobre cómo funcionan las cuadrículas de Bootstrap para que su contenido responda, visite getbootstrap.com