Layouts de grade básicos para você se familiarizar com a construção dentro do sistema de grade Bootstrap.
Obtenha três colunas de largura igual começando em desktops e dimensionando para desktops grandes . Em dispositivos móveis, tablets e inferiores, as colunas serão empilhadas automaticamente.
Obtenha três colunas começando em desktops e dimensionando para grandes desktops de várias larguras. Lembre-se, as colunas da grade devem somar até doze para um único bloco horizontal. Mais do que isso, as colunas começam a se empilhar independentemente da janela de visualização.
Obtenha duas colunas começando em desktops e escalando para desktops grandes .
Nenhuma classe de grade é necessária para elementos de largura total.
De acordo com a documentação, o aninhamento é fácil - basta colocar uma linha de colunas em uma coluna existente. Isso fornece duas colunas começando em desktops e dimensionando para desktops grandes , com outras duas (larguras iguais) dentro da coluna maior.
Em tamanhos de dispositivos móveis, tablets e inferiores, essas colunas e suas colunas aninhadas serão empilhadas.
O sistema de grade do Bootstrap 3 tem quatro camadas de classes: xs (telefones), sm (tablets), md (desktops) e lg (desktops maiores). Você pode usar praticamente qualquer combinação dessas classes para criar layouts mais dinâmicos e flexíveis.
Cada camada de classes aumenta, ou seja, se você planeja definir as mesmas larguras para xs e sm, você só precisa especificar xs.
Limpe os flutuadores em pontos de interrupção específicos para evitar um envolvimento estranho com conteúdo desigual.
Redefinir deslocamentos, pushes e pulls em pontos de interrupção específicos.