Twitter-Bootstrap navbar höhe zu klein

8

Die Standardhöhe der Navbar in Twitter-Bootstrap ist zu klein. Wenn die Höhe erhöht wird, greift sie in die darunter liegenden Divs ein. Wie kann ich die Höhe der Navigationsleiste erhöhen, mit der die gesamte Seite nach unten verschoben wird? Wenn dies möglich ist, platzieren Sie die Navbar-Links oben / unten in der Navigationsleiste.

    
Gattoo 29.03.2012, 10:41
quelle

4 Antworten

19

Ich bin mir ziemlich sicher, dass ich diese Lösung nicht liebe, aber es funktioniert für die Zeit, die ich dafür ausgeben muss.

%Vor%

Ich musste auch ein Padding-Top im selben Selektor hinzufügen, um Dinge vertikal in die Navbar zu bringen.

edit: Ich habe gerade deine Frage erneut gelesen und gesehen, dass du Probleme mit den "divs" hast. Dazu müssen Sie auch das Padding für das Body-Tag anpassen, z. B.

%Vor%

für die Twitter Bootstrap-Dokumentation in Navbar :

  

Wenn Sie die Navigationsleiste anbringen, denken Sie daran, den verborgenen Bereich zu berücksichtigen   unterhalb. Fügen Sie dem & lt; body & gt; 40px oder mehr apdding hinzu. Achten Sie darauf, hinzuzufügen   dies nach dem Kern Bootstrap CSS und vor dem optionalen responsive   CSS.

    
Chris 13.04.2012, 19:29
quelle
6
  

Ein solches Padding ist nicht genug, wenn Sie reaktionsfähig sind   Bootstrap. Wenn Sie in diesem Fall die Größe Ihres Fensters ändern, erhalten Sie eine Lücke   zwischen dem oberen Rand der Seite und der Navigationsleiste. Eine richtige Lösung sieht so aus:

%Vor%

Quelle: Twitter Bootstrap - obere Navigationsleiste blockiert den oberen Inhalt von die Seite

    
jpillora 04.10.2012 17:23
quelle
1

Sie können dies versuchen. es funktioniert in jeder Größe der Anzeige.

%Vor%     
Faisal Khan Samrat 09.01.2013 07:00
quelle
0
%Vor%

Dies löste ein ähnliches Problem von mir, (Die Untermenüs erschienen nicht wegen der kleinen Elternhöhe, beim ersten Klick) vielleicht funktioniert es auch für Sie.

    
Ceren Akın 07.08.2013 01:15
quelle

Tags und Links