Twitter Bootstrap navbar-fixed-bottom altezza personalizzata

Question

Stavo usando twitter bootstrap per interesse. E in questi giorni stavo cercando di creare una barra di navigazione personalizzata. Voglio mostrare alcune informazioni sulla barra di navigazione in basso rendendolo come barra di navigazione fissa-inferiore. Ma non posso personalizzarlo in altezza. L'altezza predefinita non è abbastanza per me.

Se qualcuno ha affrontato questo problema e ha una soluzione, per favore, condividi. Grazie.

Answer 1

Tra l'altro ... È possibile personalizzare il Twitter Bootstrap qui: http://twitter.github.com/bootstrap/customize.html

basta cambiare @navbarHeight.

Ma questo cambierà l'altezza della barra di navigazione-top-fisso troppo ...

---

EDIT: Il sito è cambiato, il nuovo URL per personalizzare Bootstrap è http://getbootstrap.com/customize/

Answer 2

La barra di navigazione dovrebbe corrispondere alla dimensione del contenuto (purché il contenuto non sia al di fuori del flusso documentale). Avrai bisogno di aumentare il riempimento del corpo in modo che il contenuto non scompaia dietro la barra di navigazione in basso. Se stai usando il bootstrap reattivo aggiungi la seguente regola al tuo css e sostituisci il ?? con l'altezza della vostra barra di navigazione in basso:

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

Per i layout che non rispondono, dichiararla senza la media query:

body { 
    padding-bottom: ??px; 
}