Bootstrap hidden-sm-down funktioniert nicht

9

Ich benutze Boostrap 3. Warum ist <div> mit hidden-sm-down noch sichtbar, wenn ich die Größe der Seite auf meinem Laptop ändere? Ich möchte diese zwei Bilder auf kleinen Geräten verstecken, um ein anderes Menü zu haben.

%Vor%     
user1315621 11.06.2016, 14:21
quelle

3 Antworten

13

Wie Jaqen sagte, sollten Sie, wenn Sie Bootrstrap 3 verwenden, stattdessen hidden-sm verwenden.

Wenn Sie das Bild auf einem kleinen Bildschirm ausblenden möchten, müssen Sie hidden-xs hinzufügen.

Hier ist ein JsFiddle: DEMO

    
Mathieu Schaeffer 11.06.2016, 14:44
quelle
11

Sie erwähnen, dass Sie Bootstrap 3 verwenden

Verwenden Sie hidden-sm anstelle von hidden-sm-down , das zu Bootstrap 4

Nebenbei bemerkt:

Sie erwähnen auch:

  

Ich möchte diese zwei Bilder auf kleinen Geräten verstecken, um ein anderes Menü zu haben.

hidden-sm versteckt das Element auf kleinen Bildschirmen wie dem iPad. Um sich auf extra kleinen Bildschirmen (z. B. Phones & lt; 768px) zu verstecken, fügen Sie hidden-xs hinzu.

Sehen Sie sich die Bootstrap-Größen-Tabelle hier

an     
Jaqen H'ghar 11.06.2016 14:35
quelle
4

Tatsächlich funktioniert hidden-sm-down nicht mit BS4

Mit BS4 werden Anzeigedienstklassen vollständig geändert. Verwenden Sie stattdessen dieses Format;

%Vor%

Weitere Informationen; Ссылка

    
merkjs 13.01.2018 20:51
quelle

Tags und Links