Bootstrap 3: Gibt es eine Möglichkeit, Navbar-Text zu verstecken, wenn kleine Bildschirme verwendet werden?

Question

Bootstrap 3: Gibt es eine Möglichkeit, Navbar-Text zu verstecken, wenn kleine Bildschirme verwendet werden?

8

Ich benutze Bootstrap 3.1.1.

Ich möchte, dass der Navbar-Text auf kleineren Bildschirmen verschwindet. Derzeit sieht es auf kleineren Bildschirmen unzusammenhängend aus. Vorzugsweise würde es auf kleineren Bildschirmen verschwinden, aber als Alternative könnte es schön unter dem Titel rendern.

%Vor%

Ссылка

html css twitter-bootstrap twitter-bootstrap-3

CarbonandH20 09.03.2014, 22:08

quelle

3 Antworten

1

Etwas spät, aber dieser Code wurde auf meiner Website verwendet: Logo kollidiert Navigationselemente (etwa, Produkt usw.)

%Vor%

so Marke geht aus den Vereinigten Staaten von Amerika (responsive / Resizing) nach USA

KingBee 19.05.2016 10:13

quelle

0

Wenn diese Hilfsklassen nicht für Sie arbeiten (dh, sie verbergen sich nicht auf der Bildschirmgröße, die Sie mögen), können Sie beim Einfügen eines benutzerdefinierten Stylesheets Ihre eigenen Medienabfragen einschließen, um sie auszublenden nur die Elemente, die Sie wollen.

JesseEarley 10.03.2014 13:00

quelle

Tags und Links html css twitter-bootstrap twitter-bootstrap-3

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Avatar.js und Projekt-Avatar

score 19 · Accepted Answer

Ich würde vorschlagen, einen Blick auf die Bootstrap 3-Dokumentation - (Responsive Dienstprogramme) zu werfen.

Es gibt Klassen wie hidden-xs , mit denen Elemente für bestimmte Medienabfragen ausgeblendet werden können. Zum Beispiel wird hidden-xs das Element ausblenden, wenn der Bildschirm weniger als 768 px ist.

AKTUALISIERTES BEISPIEL HIER

%Vor%

Sie können auch eine Kombination von visible-md / visible-lg verwenden, um das Element auszublenden, wenn der Bildschirm kleiner oder gleich 992 px ist.