Skip to content
This repository was archived by the owner on Nov 9, 2020. It is now read-only.
Stefan Haslinger edited this page Feb 18, 2015 · 9 revisions

Wie kann ich Bilder auf mobilen Geräten ausblenden?

Beliebige Elemente lassen sich auf Geräten mit Breite unter px ausblenden, indem man sie mit der Klasse hidden-xs versieht.

Beispiel

<p>Ich bin der Absatz ober dem Bild das ausgeblendet wird.</p>
<p class="hidden-xs"> <img href="http://lorempixel.com/400/200/" /></p>
<p>Ich bin der Absatz unter dem Bild das ausgeblendet wird.</p>
Gerät Größe Klasse
Telefon kleiner als 768 px hidden-xs
Tablet größer oder gleich 678 Pixel hidden-sm
Desktop größer oder gleich 992 Pixel hidden-md
großer Desktop größer oder gleich 1200 Pixel hidden-lg

Viele weitere Möglichkeiten des responsiven Designs ergeben sich dadurch, dass wir das Twitter Bootstrap Framework vollständig zur Verfügung haben.
Lesen Sie die Dokumentation Responsive utilities, um mehr zu erfahren.

Clone this wiki locally