2012-11-27 17 views
8

Ich war mit Twitter Bootstrap für Interesse. Und in diesen Tagen habe ich versucht, benutzerdefinierte Navbar zu machen. Ich möchte einige Informationen in der unteren Navigationsleiste anzeigen, die als navbar-fixed-bottom dienen. Aber ich kann seine Höhe nicht anpassen. Die Standardhöhe ist nicht genug für mich.Twitter Bootstrap navbar-fixed-bottom benutzerdefinierte Höhe

Wenn jemand dieses Problem hat und eine Lösung hat, bitte teilen. Vielen Dank.

+0

ich oben und unten NavBars gerade gemacht. Vielleicht hat es ein paar Hacks mit CSS. Ich bin überhaupt nicht gut mit CSS. Bitte schau dir diese Geige an, um dir vorzustellen, was ich brauche. http://jsfiddle.net/muminoff/2XZzt/ – muminoff

+0

Funktioniert gut für mich. Ich habe gerade mehrere 'Li's hinzugefügt und die Höhe entsprechend erhöht. –

+0

@AdrianHeine Wie hast du die Höhe erhöht? Benutzt du den navbar-fixed-bottom? –

Antwort

4

By the way ... Sie können Ihre Twitter Bootstrap hier anpassen: http://twitter.github.com/bootstrap/customize.html

Nur @navbarHeight ändern.

Aber das wird navbar-Festplatte in der Höhe ändern ...


EDIT: Die Website hat sich geändert, die neue URL Bootstrap anzupassen, ist http://getbootstrap.com/customize/

+1

Dies ist definitiv der beste Weg, dies zu tun, ist Bootstrap _is_ ein Framework selbst. – ZaLiTHkA

+0

Wie kann ich die Höhe eines Navbar-Fixed-Bottom anpassen? –

2

Die navbar sollte die Größe passen des Inhalts (solange der Inhalt nicht außerhalb des Dokumentenflusses liegt). Sie müssen die Füllung des Körpers erhöhen, damit der Inhalt nicht hinter der unteren Navigationsleiste verschwindet. Wenn Sie den responsiven Bootstrap verwenden, fügen Sie Ihrer CSS die folgende Regel hinzu und ersetzen Sie die ?? mit der Höhe des unteren navbar:

@media (min-width: 980px){ 
    body { 
     padding-bottom: ??px; 
    } 
} 

Für non-responsive Layouts, erklären sie ohne die Abfrage Medien:

body { 
    padding-bottom: ??px; 
}