Spazio bianco misterioso tra Bootstrap2 Navbar e riga sottostante

Sto usando la griglia di Bootstrap e la griglia di Bootsrap per visualizzare una barra di navigazione con un’immagine immediatamente sotto la barra di navigazione. Tuttavia, per qualche ragione c’è spazio bianco tra questo Navbar e l’immagine. Quando uso firebug per investigare la posizione dello spazio bianco, sembra che la barra di navigazione sia allineata in alto all’interno del suo contenuto. Ho provato a risolvere questo problema utilizzando CSS per allineare in basso la barra di navigazione, senza alcun risultato.

Come posso eliminare questo spazio bianco?

Grazie!

   

Ecco il mio disperato tentativo di risolvere questo problema usando CSS:

 #backgroundImg { color: #ff0000; background-color: #000000; /*width: 709px; height: 553px;*/ background: url('../images/someImage.jpg') no-repeat; background-size: 100%; height: 700px; border-radius: 0px; background-position: center; vertical-align: top; background-position: top; } #divTopLinkNavBar { vertical-align: bottom; } #topLinkNavBar { padding-bottom: 0px; } #rowBackgroundImg { padding-top: 0px; } .navbar { vertical-align: bottom; } 

Potresti voler sovrascrivere il margin-bottom: 20px dalla navbar di navbar :

 .navbar { margin-bottom: 0; } 

Qualcosa del genere: http://jsfiddle.net/q4M2G/ (il !important è qui solo per sovrascrivere lo stile della versione CDN del bootstrap che sto usando nel jsfiddle ma non dovresti aver bisogno di usarlo se il tuo stile è corretto sovrascrive gli stili di bootstrap)

Perché metti le classi: span12 offset3 ?

Bootstrap ha 12 colonne predefinite. quindi se non lo hai cambiato prova a mettere:

span9 offset3 o solo span12 .