Bootstrap - Responsive Demo
Bootstrap udostępnia kilka klas pomocniczych, które przyspieszają rozwój aplikacji mobilnych. Można ich używać do wyświetlania i ukrywania treści według urządzenia za pomocą zapytań o media, w połączeniu z dużymi, małymi i średnimi urządzeniami.
Używaj ich oszczędnie i unikaj tworzenia zupełnie różnych wersji tej samej witryny. Responsive utilities are currently only available for block and table toggling.
| Zajęcia | Urządzenia |
|---|---|
| .visible-xs | Widoczny bardzo mały (mniej niż 768 pikseli) |
| .visible-sm | Widoczny mały (do 768 pikseli) |
| .visible-md | Widoczny średni (od 768 do 991 pikseli) |
| .visible-lg | Widoczny większy (992 piksele i więcej) |
| .hidden-xs | Bardzo mały (mniej niż 768 pikseli) ukryty |
| .hidden-sm | Mały (do 768 pikseli) ukryty |
| .hidden-md | Średni (od 768 do 991 pikseli) ukryty |
| .hidden-lg | Większy (992 piksele i więcej) ukryty |
| Przykład | Opis | Link do pobrania |
|---|---|---|
| Karta responsywna | Ten przykład wskazuje na strukturę karty w Bootstrap | Ściągnij |
| proste referencje | Ten przykład wskazuje na strukturę Referencji w Bootstrap | Ściągnij |
| Siatka wideo | Ten przykład pokazuje strukturę Grid Video w Bootstrap | Ściągnij |
| Obraz baneru | Ten przykład pokazuje strukturę obrazu baneru w Bootstrap | Ściągnij |
| Karuzela ze wskaźnikami twarzy | Ten przykład wskazuje na Carousel ze strukturą wskaźników twarzy w Bootstrap | Ściągnij |