DeutschGaleria obrazów w Bootstrap 3
Opis galerii
Trzy rzędy obrazków
Galeria została podzielona na trzy rzędy, każdy z nich zawiera po trzy obrazki. Dzięki klasom Bootstrap 3, układ jest responsywny i dostosowuje się do różnych rozdzielczości ekranów. Na mniejszych ekranach każdy obrazek zajmuje całą szerokość wiersza, a na większych wyświetlane są trzy obok siebie.
Miniaturki z opisem
Każdy obrazek jest opakowany w klasę
thumbnailcaption
Dzięki temu galeria jest czytelna, estetyczna i łatwa w nawigacji. Responsywność i elastyczność
Układ wykorzystuje system siatki Bootstrap 3 (klasy
rowcol-sm-4
Rząd 1, Obraz 1
Krótki opis obrazka 1
Rząd 1, Obraz 2
Krótki opis obrazka 2
Rząd 1, Obraz 3
Krótki opis obrazka 3
Rząd 2, Obraz 1
Krótki opis obrazka 4
Rząd 2, Obraz 2
Krótki opis obrazka 5
Rząd 2, Obraz 3
Krótki opis obrazka 6
Rząd 3, Obraz 1
Krótki opis obrazka 7
Rząd 3, Obraz 2
Krótki opis obrazka 8
Rząd 3, Obraz 3
Krótki opis obrazka 9
Przykład wyświetlania tekstu po kliknięciu
To jest ukryty tekst
Po kliknięciu przycisku powyżej, ten tekst staje się widoczny. Możesz tu umieścić dowolną treść – paragrafy, obrazki, linki czy inne elementy HTML.
Przykład okna modalnego (popup)
Tytuł okna
To jest dodatkowe okno wyświetlane po kliknięciu przycisku.
Możesz tu wstawić dowolną treść:tekst, obrazki, linki, formularze.
Rząd 1, Obraz 1
Krótki opis obrazka 1
Rząd 1, Obraz 2
Krótki opis obrazka 2
Rząd 1, Obraz 3
Krótki opis obrazka 3
Rząd 2, Obraz 1
Krótki opis obrazka 4
Rząd 2, Obraz 2
Krótki opis obrazka 5
Rząd 2, Obraz 3
Krótki opis obrazka 6
Rząd 3, Obraz 1
Krótki opis obrazka 7
Rząd 3, Obraz 2
Krótki opis obrazka 8
Rząd 3, Obraz 3
Krótki opis obrazka 9
Żadne komentarze nie zostały dodane.