Grade Foundation - empilhados horizontalmente
O exemplo a seguir cria um sistema de rede básica sobre os dispositivos de PC e tablets que estão lado a lado horizontalmente, em telefones celulares e outros dispositivos pequenos que são empilhados horizontalmente.
Exemplos
<Div class = "linha">
<Div class = "média-6 colunas" style = "background-color: amarelo;">
<P> Este tutorial </ p>
</ Div>
<Div class = "média-6 colunas" style = "background-color: rosa;">
<P> Este tutorial </ p>
</ Div>
</ Div>
<Div class = "média-6 colunas" style = "background-color: amarelo;">
<P> Este tutorial </ p>
</ Div>
<Div class = "média-6 colunas" style = "background-color: rosa;">
<P> Este tutorial </ p>
</ Div>
</ Div>
tente »
Dica: .small|medium|large-* número de classe especifica o número de colunas ocupadas. Assim, .small-1 através de uma, .small-4 ao longo de 4, .small-6 abrangendo seis (50% de largura) e semelhantes. Nota: Para garantir que o número de colunas adicionar até 12! |