Fundación Grid - apilados horizontalmente
En el siguiente ejemplo se crea un sistema de red básica en los PC y los dispositivos de tableta que son de porcelánico horizontalmente, en teléfonos móviles y otros dispositivos pequeños que se apilan horizontalmente.
Ejemplos
<Div class = "fila">
<Div class = "medio-6 columnas" style = "background-color: amarillo;">
<P> Este tutorial </ p>
</ Div>
<Div class = "medio-6 columnas" style = "background-color: rosa;">
<P> Este tutorial </ p>
</ Div>
</ Div>
<Div class = "medio-6 columnas" style = "background-color: amarillo;">
<P> Este tutorial </ p>
</ Div>
<Div class = "medio-6 columnas" style = "background-color: rosa;">
<P> Este tutorial </ p>
</ Div>
</ Div>
Trate »
 | Consejo: .small|medium|large-* número de clase especifica el número de columnas que ocupa. Por lo tanto, .small-1 a través de uno, .small-4 sobre 4, .small-6 abarca seis (50% ancho) y similares. Nota: Para garantizar que el número de columnas se suman a 12! |
|---|