Altezza barra di navigazione di Twitter-Bootstrap troppo piccola

Question

L'altezza predefinita della barra di navigazione in Twitter-Bootstrap è troppo piccola. Quando l'altezza è aumentata, invade i div al di sotto. Come posso aumentare l'altezza della barra di navigazione che fa scorrere l'intera pagina verso il basso? Se questo è possibile, come posizionare i link della barra di navigazione in alto/in basso nella barra di navigazione.

Answer 1

Sono sicuro che non amo questa soluzione ma funziona per il tempo che devo dedicare a questo.

.navbar .container { height: 2em; } 

ho dovuto aggiungere anche un po 'padding-top nello stesso selettore per ottenere le cose all'interno della barra di navigazione per allineare verticalmente bene.

modifica: ho appena riletto la tua domanda e ho visto che hai problemi con i "div" qui sotto. In tal modo è necessario regolare anche il riempimento sull'etichetta del corpo, ad es.

body { padding-top: 6em; } 

per la Twitter Bootstrap docs on Navbar:

Quando si apporre la barra di navigazione, ricordarsi di tenere conto della zona nascosta sotto. Aggiungi 40px o più di apdding al corpo < >. Assicurati di aggiungere questo dopo il core Bootstrap CSS e prima del responsive opzionale CSS.

Answer 2

Aggiunta di un'imbottitura del genere non è sufficiente se si sta utilizzando reattivo bootstrap. In questo caso quando ridimensioni la tua finestra otterrai uno spazio vuoto tra la parte superiore della pagina e la barra di navigazione. Una soluzione adeguata assomiglia a questo:

body { 
    padding-top: 60px; 
} 
@media (max-width: 979px) { 
    body { 
    padding-top: 0px; 
    } 
} 

Fonte: Twitter Bootstrap - top nav bar blocking top content of the page

Answer 3

si può provare questo. funziona in qualsiasi dimensione del display.

.navbar .container { min-height: 83px; } 


.navbar-fixed-top { 
    position:static; 
    margin-bottom:20px; 
    } 

Answer 4

</script> 

$(".dropdown-toggle").click(function() { 
$(".nav-collapse").css('height', 'auto') 
}); 

</script> 

Ciò ha risolto un problema simile di mine, (I menu secondari non appariva a causa della piccola altezza genitore ul, al primo click) forse funziona per voi pure.