Disposicións básicas de cuadrícula para familiarizarte coa construción dentro do sistema de grade Bootstrap.
Nestes exemplos a .themed-grid-colclase engádese ás columnas para engadir algunha temática. Esta non é unha clase dispoñible en Bootstrap por defecto.
Hai cinco niveis para o sistema de grella Bootstrap, un para cada gama de dispositivos que admitimos. Cada nivel comeza cun tamaño mínimo de visualización e aplícase automaticamente aos dispositivos máis grandes a non ser que se anule.
Obtén tres columnas de igual ancho comezando en escritorios e escalando a escritorios grandes . En dispositivos móbiles, tabletas e abaixo, as columnas apilaranse automaticamente.
Obtén tres columnas comezando en escritorios e escalando a escritorios grandes de varios anchos. Lembra que as columnas da grella deberían sumar doce para un só bloque horizontal. Ademais, as columnas comezan a apilarse sen importar a ventana gráfica.
Obtén dúas columnas comezando en escritorios e escalando a escritorios grandes .
Non son necesarias clases de cuadrícula para elementos de ancho completo.
Segundo a documentación, a anidación é sinxela: basta con poñer unha fila de columnas dentro dunha columna existente. Isto dálle dúas columnas que comezan en escritorios e escalan a escritorios grandes , con outras dúas (anchuras iguais) dentro da columna máis grande.
En tamaños de dispositivos móbiles, tabletas e inferiores, estas columnas e as súas columnas aniñadas apilaranse.
O sistema de cuadrícula Bootstrap v4 ten cinco niveis de clases: xs (extra pequeno, non se usa este infixo de clase), sm (pequeno), md (mediano), lg (grande) e xl (extra grande). Podes usar case calquera combinación destas clases para crear deseños máis dinámicos e flexibles.
Cada nivel de clases amplía a escala, é dicir, se planeas establecer os mesmos anchos para md, lg e xl, só precisas especificar md.
As clases adicionais engadidas en Bootstrap v4.4 permiten contedores que teñen un ancho 100 % ata un punto de interrupción determinado.