Ich bin mir sicher, dass dies schon einmal gefragt wurde, aber ich kann die Antwort weder auf StackOverflow noch auf der React-Bootstrap-Site finden.

Wie verstecke ich ein Element (zum Beispiel) auf xs-Geräten, so etwas wie xs-hidden?

10
Mattias Johansson 25 Dez. 2015 im 16:36

4 Antworten

Beste Antwort

Um nur bei xs-Auflösungen zu verbergen, ist die Klasse hidden-xs

http://getbootstrap.com/css/#responsive-utilities

4
Radu Dragan 25 Dez. 2015 im 13:44

Für die Beta-Version von Bootstrap Version 4 müssen Sie <Col className="d-none d-sm-block"> verwenden, um die Spalten auf den xs-Bildschirmen auszublenden

3
martin36 25 Feb. 2019 im 17:11

Ich benutze Reactstrap. Das funktioniert bei mir

<Col lg="6" className="d-none d-lg-block">

Grundsätzlich dauert die Hälfte der Breite in großen Bildschirmen und 0 Breite in Bildschirmgrößen md, sm, xs

2
Sidharth Sahu 3 Nov. 2019 im 07:48

Versuchen: <Col xsHidden /> - und / oder die anderen üblichen Bootstrap-Werte, z. mdHidden, lgHidden

0
Andy Lorenz 11 Okt. 2017 im 14:56