2016-05-10 11 views
0

Ich möchte es so haben, dass über dem Nav ein großes Logo und Slogan ist, und wenn die Bildschirmgröße unter 768px schrumpft, ändert sich die Position beider Elemente.Hinzufügen eines Slogans zu Bootstrap navbar-fixed-top?

So beginnen mit ihm wie so enter image description here

und wechseln Sie in diesem How

enter image description here

wäre würde ich über diese gehen?

+0

Was ist die Frage? – isherwood

+0

Bearbeitet, um weniger aufgebläht zu sein – GeorgeWL

Antwort

0

Lassen Sie das Logo zweimal ... einmal oben und einmal im Menü.

Dann verstecken/zeigen die entsprechenden --- Verwendung Gitter reaktions utils: http://getbootstrap.com/css/#responsive-utilities

dh .visible-xs auf dem inneren Menü logo & .hidden-xs auf der Oberseite Logo

(Ich gehe davon aus BS3 . hier)

EDIT: sehen Sie diese JSFiddle

+0

Ich bemerkte, dass Teil eine separate Frage war und entfernte es. Das Hauptproblem ist herauszufinden, wie das Logo + Slogan auf Spalte über Nav-Fixed-Top zu tun. – GeorgeWL

+0

Gleiches Prinzip gilt - Slogan bekommt eine .hidden-xs, Logo bekommt eine Col-xs-12 mit einer inneren '' – Vino

+0

Könntest du es schnell für mich code geige? Ich bekomme dich nicht – GeorgeWL

Verwandte Themen