Blok fundamentowy siatki
Masywny Siatka do zawartości strony podziału, na przykład o jedną linię do wyświetlania czterech obrazów, bez względu na to wymagana jest średnia szerokość ekranu.
Można użyć <ul> elementu plusa .small|medium|large-block-grid- num grid- num klasy stworzyć ogromną siatkę. num to numer używany do określenia średniej:
Przykłady
<Class Ul = "small-block -grid-3">
<Li> <img src = " newyork.jpg" alt = "New York"> </ li>
<Li> <img src = " paris.jpg" alt = "Paris"> </ li>
<Li> <img src = " sanfran.jpg" alt = "San Francisco"> </ li>
</ Ul>
<Li> <img src = " newyork.jpg" alt = "New York"> </ li>
<Li> <img src = " paris.jpg" alt = "Paris"> </ li>
<Li> <img src = " sanfran.jpg" alt = "San Francisco"> </ li>
</ Ul>
Spróbuj »
Innym przykładem, należy akapit:
Przykłady
<Class Ul = "small-block -grid-3">
<Li> <p> Tylko Prosty przykład tekst ... </ p> </ li>
<Li> <p> Tylko Prosty przykład tekst ... </ p> </ li>
<Li> <p> Tylko Prosty przykład tekst ... </ p> </ li>
</ Ul>
<Li> <p> Tylko Prosty przykład tekst ... </ p> </ li>
<Li> <p> Tylko Prosty przykład tekst ... </ p> </ li>
<Li> <p> Tylko Prosty przykład tekst ... </ p> </ li>
</ Ul>
Spróbuj »
Wyświetlać różną liczbę różnych rozmiarów
Przez dodanie kilku bloków siatki różnych klas wielkości może być skonfigurowany do wyświetlania inną liczbę bloków:
Przykłady
<Ul class = "small-block -grid-2 średnio-blok-grid-3 duże-blok-grid-4">
<Li> <img src = " newyork.jpg" alt = "New York"> </ li>
<Li> <img src = " paris.jpg" alt = "Paris"> </ li>
<Li> <img src = " sanfran.jpg" alt = "San Francisco"> </ li>
<Li> <img src = " newyork.jpg" alt = "New York"> </ li>
</ Ul>
<Li> <img src = " newyork.jpg" alt = "New York"> </ li>
<Li> <img src = " paris.jpg" alt = "Paris"> </ li>
<Li> <img src = " sanfran.jpg" alt = "San Francisco"> </ li>
<Li> <img src = " newyork.jpg" alt = "New York"> </ li>
</ Ul>
Spróbuj »