Ich versuche die Höhe von Bootstrap3 's fixed navbar zu reduzieren. Ich habe die Variable @navbar-height in der Variable gefunden. weniger, und änderte es, aber es scheint nichts zu ändern.
Ich versuche auch diese Lösungen: " Ändern der Höhe der Navigationsleiste ", " Höhenänderung der Navigationsleiste ". Kein Ergebnis.
Irgendeine Idee?
Danke
update
Wie pro Antwort auf Ссылка schrieb @mdo:
Ändere
@navbar-heightund@navbar-padding-verticalund du sollte es bekommen.
Beispiel, stellen Sie @navbar-height: 20px; und @navbar-padding-vertical: 0; ein, siehe: Ссылка
Beachten Sie, dass die Höhe der Elemente .navbar-form
Aktualisierung beenden
Die Navigationsleiste selbst hat keine definierte Breite. Ursache Bootstrap benutzt die border-box Modell, die Höhe wird durch das höchste Element darin festgelegt.
Beachten Sie, dass die Navigationsleiste eine Mindesthöhe hat (standardmäßig auf 50px eingestellt) Höhe der Navigationsleiste). @ navbar-height in navbar.less setzt diese Mindesthöhe.
lies auch seine Kommentare:
// Stellen Sie sicher, dass eine Navigationsleiste immer angezeigt wird (z. B. ohne eine .navbar-Marke im minimierten Modus)
Um die Höhe zu ändern, müssen Sie die Höhe des Inneren ändern Elemente.
Die .navbar-markenklasse hat eine Höhe von 50px. Definiert durch ein Auffüllen von 15px + eine Zeilenhöhe von 20px ;. (2 x 15 + 20 = 50).
Die Zeilenhöhe wird auch in navbar.less durch @ line-height-computed gesetzt.
Mit @ line-height-computed definiert in variables.less als
floor(@font-size-base * @line-height-base); // ~20px
@ line-height-computed wird auch in Formularen, Navigation usw. verwendet das Ändern und Neukompilieren von Bootstrap wirkt sich nicht nur auf die Navigationsleiste aus.
Dies macht es unmöglich, die Höhe der Navigationsleiste mit Less festzulegen.
Die Auffüllung wird durch navbar-padding-vertical definiert, aber diese Variablen werden NICHT zum Setzen der Auffüllung der Navigationsleisten-Links (.navbar-nav & gt; li & gt; a)
Verwenden Sie css, um die Zeilenhöhe (also die Schriftgröße) und das Auffüllen von zu manipulieren . Navbar-Marke, um seine Höhe und damit die Höhe der Navigationsleiste zu ändern.
Die .navbar-nav & gt; li & gt; Eine Klasse, die Links in deiner Navbar definiert auch
eine Höhe von 50px (Polsterung von 15 unten / oben) und eine Linienhöhe von 20x
nochmal.
Beachten Sie, dass das Padding in navbar.less und auf 10px fest eingestellt wird
überschrieben durch ((@navbar-height - @line-height-computed) / 2) (höhere Priorität) für @media (min-width:
@grid-float-breakpoint)
Auch in diesem Fall wird die Zeilenhöhe der Links durch gesetzt @ line-height-computed.
Auch Element wie Formulare, Dropdown wird eine berechnete Höhe haben.
Insgesamt scheint es, dass Sie css für die verschiedenen Elemente verwenden müssen der festen Navigationsleiste, um die Höhe festzulegen.
Tags und Links css twitter-bootstrap twitter-bootstrap-3