Bootstrap - Responsive Demo
Bootstrap bietet einige Handvoll Hilfsklassen für eine schnellere mobilfreundliche Entwicklung. Diese können zum Anzeigen und Ausblenden von Inhalten pro Gerät über eine Medienabfrage in Kombination mit großen, kleinen und mittleren Geräten verwendet werden.
Verwenden Sie diese sparsam und vermeiden Sie es, völlig unterschiedliche Versionen derselben Site zu erstellen. Responsive utilities are currently only available for block and table toggling.
Klassen | Geräte |
---|---|
.visible-xs | Extra klein (weniger als 768px) sichtbar |
.visible-sm | Klein (bis zu 768 px) sichtbar |
.visible-md | Medium (768 px bis 991 px) sichtbar |
.visible-lg | Größer (992 px und höher) sichtbar |
.hidden-xs | Extra klein (weniger als 768px) versteckt |
.hidden-sm | Klein (bis zu 768 px) versteckt |
.hidden-md | Mittel (768 px bis 991 px) ausgeblendet |
.hidden-lg | Größer (992 px und höher) versteckt |
Beispiel | Beschreibung | Download-Link |
---|---|---|
Karte Responsive | Dieses Beispiel zeigt die Kartenstruktur in Bootstrap | Herunterladen |
einfache Zeugnisse | Dieses Beispiel zeigt die Testimonials-Struktur in Bootstrap | Herunterladen |
Videoraster | Dieses Beispiel zeigt die Grid-Video-Struktur in Bootstrap | Herunterladen |
Bannerbild | Dieses Beispiel zeigt die Banner-Image-Struktur in Bootstrap | Herunterladen |
Karussell mit Gesichtsanzeigen | Dieses Beispiel zeigt Karussell mit Gesichtsindikatorstruktur in Bootstrap | Herunterladen |