NavBar Benutzerdefinierte Höhe mit Suchleiste auf der rechten Seite

Question

Ich habe eine schwere Zeit, eine NavBar zu bekommen, um zu rendern, was ich im Sinn habe.

Ich brauche eine Navbar mit einer erhöhten Höhe (Grund, weil mein Markenbild eine größere Höhe als der Standard hat).

Aber ich brauche auch alle Menüelemente (BUTTON, LI, A, FORMELEMENTE, NAVBAR-TEXT, NAVBAR-RECHTS), um die neue Höhe zu respektieren und in der Navbar richtig vertikal zu zentrieren.

Kann jemand ein Beispiel HTML/CSS zur Verfügung stellen, was geändert werden muss? Ich habe viel online gesucht und es scheint nichts offensichtlich zu sein.

Die BootStrap-Site zeigt Dokumentation zum Definieren einer Navigationsleiste, aber nichts, was ich in Bezug auf Höhenänderungen finden könnte.

Answer 1

Wenn Sie Ihr Markenimage in der navbar-Marke div setzen dann können Sie die Höhe auf die Höhe, die Sie (oder Höhe des Markenimages) müssen geändert werden mit CSS:

.navbar-brand { 
    height: 80px; 
} 

Um die navbar ausrichten Elemente vertikal können Sie in der Navigationsleiste einen oberen Rand geben, was auch mit CSS benötigen Sie:

.navbar-nav { 
    margin-top: 40px; 
} 

Sie CSS-Stützpunkte haben zu verwenden, wenn diese für kleinere Geräte geändert werden müssen.