rejilla bloque de cimentación
red de grandes dimensiones para compartir contenido de la página: por ejemplo, una línea para visualizar cuatro imágenes, no importa lo que se requiere que la anchura media de la pantalla.
Puede utilizar el <ul>
elemento más .small|medium|large-block-grid- num
GRID num clase para crear red de grandes dimensiones. num es el número utilizado para especificar la media:
Ejemplos
<Ul class = "bloque pequeño -grid-3">
<Li> <img src = " nuevayork.jpg" alt = "Nueva York"> </ li>
<Li> <img src = " paris.jpg" alt = "Paris"> </ li>
<Li> <img src = " sanfran.jpg" alt = "San Francisco"> </ li>
</ Ul>
<Li> <img src = " nuevayork.jpg" alt = "Nueva York"> </ li>
<Li> <img src = " paris.jpg" alt = "Paris"> </ li>
<Li> <img src = " sanfran.jpg" alt = "San Francisco"> </ li>
</ Ul>
Trate »
Otro ejemplo, utilice el apartado:
Ejemplos
<Ul class = "bloque pequeño -grid-3">
<Li> <p> Sólo un ejemplo de texto simple ... </ p> </ li>
<Li> <p> Sólo un ejemplo de texto simple ... </ p> </ li>
<Li> <p> Sólo un ejemplo de texto simple ... </ p> </ li>
</ Ul>
<Li> <p> Sólo un ejemplo de texto simple ... </ p> </ li>
<Li> <p> Sólo un ejemplo de texto simple ... </ p> </ li>
<Li> <p> Sólo un ejemplo de texto simple ... </ p> </ li>
</ Ul>
Trate »
Mostrar un número diferente de diferentes tamaños
Mediante la adición de varios bloques de la cuadrícula de diferentes clases de tamaño se puede configurar para mostrar un número diferente de bloques:
Ejemplos
<Ul class = "bloque pequeño -grid-2-medio-bloque de rejilla-3-bloque grande de la red-4">
<Li> <img src = " nuevayork.jpg" alt = "Nueva York"> </ li>
<Li> <img src = " paris.jpg" alt = "Paris"> </ li>
<Li> <img src = " sanfran.jpg" alt = "San Francisco"> </ li>
<Li> <img src = " nuevayork.jpg" alt = "Nueva York"> </ li>
</ Ul>
<Li> <img src = " nuevayork.jpg" alt = "Nueva York"> </ li>
<Li> <img src = " paris.jpg" alt = "Paris"> </ li>
<Li> <img src = " sanfran.jpg" alt = "San Francisco"> </ li>
<Li> <img src = " nuevayork.jpg" alt = "Nueva York"> </ li>
</ Ul>
Trate »