visible-xs-block funktioniert nicht
ich bin erstellen einer Website mit bootstrap, und ich möchte einige div-Karte nur in extra kleine Geräte, ich bin mit der visible-xs-block
Klasse im div, aber nicht arbeiten.
Einige jetzt, warum nicht?
dies ist mein code:
<div class="search-block-wrapper visible-xs-block">
<div class="search-block">
<input type="text" class="search-block-input form-control" placeholder="Search..."/>
</div>
</div>
Aber, dieses div noch zeigen, die in großen breiten.
Und, wenn ich hidden-sm, hidden-md, and hidden-lg
stattdessen visible-xs-block
funktioniert alles.
- "Und, wenn ich hidden-sm, hidden-md, und hidden-lg stattdessen visible-xs-block, alles funktioniert." - Mir scheint, Sie haben Ihre Antwort. Denken Sie daran, dies ist mobile first.
- möglich, Duplikat der Bootstrap 3.1 visible-xs visible-sm nicht zusammen arbeiten
Du musst angemeldet sein, um einen Kommentar abzugeben.
Warum nicht? Alle Arbeit. Überprüfen Sie es! Versuchen Sie, ändern der Größe die Fenster!
http://jsfiddle.net/9EQeg/166/
Wenn du nicht diese Lösung verwenden, verwenden hidden-sm hidden-md hidden-lg
xs - Extra klein-Geräte-Telefone (<768px)