Sehen oder nicht sehen: Sichtbarkeit (bei Displaygrößen)
Die Sichtbarkeit von Elementen wird in den allgemeinen Container-Einstellungen festgelegt. Dabei sollte man immer von der kleinsten Geräte- bzw. Displaygröße ausgehen und dann die Abweichungen nach oben (größere Gerätegrößen) definieren. Im Grundzustand ist ein Content-Element für alle Gerätegrößen sichtbar.
Hinweis: Die Funktionsweise der folgenden Beispiele offenbart sich erst, wenn die Breite des Browserfensters manuell verändert wird (oder auf verschiedenen Geräten).
Verfügbare Displaygrößen
Die folgende Darstellung zeigt je nach verwendetem Display bzw. Breite des Browserfensters die entsprechende Größenbezeichnung.
XS: Extra small devices (portrait phones, less than 576px)
SM: Small devices (landscape phones, 576px and up)
MD: Medium devices (tablets, 768px and up)
LG: Large devices (desktops, 992px and up)
XL: Extra large devices (large desktops, 1200px and up)
Anwendungsbeispiele
Die folgenden Anwendungsbeispiele demonstrieren einige Verwendungsmöglichkeiten für die Sichtbarkeitsattribute. Es können mehrere Sichtbarkeitsattribute kombiniert werden. Setzt man wie im ersten Beispiel "Unsichtbar ab SD+" und dann ergänzend "Sichtbar ab XL+", ist das Element in der Größe XS sichtbar, dann auf SM, MD und LG unsichtbar und auf XL schließlich wieder sichtbar. Anders gesagt: Man sieht es nur auf dem Smartphone und großem Desktop-Display.
Sichtbar nur auf Großen Desktops (XL) und Smartphone hoch (XS)
Sichtbar auf Tablet hoch (MD) und größer
Unsichtbar auf Tablet hoch (MD) und größer
Nur auf Smartphone hoch (XS) unsichtbar
Auf allen Geräten sichtbar (Default)
