Загадочный пробел между Bootstrap2 Navbar и строкой внизу

Я использую Bootstrap’s Navbar и сетку Bootsrap для отображения Navbar с изображением сразу под Navbar. Однако по какой-то причине между этим Navbar и изображением есть пробелы. Когда я использую firebug для исследования местоположения пробелов, похоже, что Navbar выровнен по верхнему краю внутри его содержимого. Я попытался исправить это, используя CSS, чтобы выровнять навигационную панель, но безрезультатно.

Как я могу устранить это пробелы?

Благодаря!

   

Вот моя отчаянная попытка исправить эту проблему с помощью 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; } 

    Вы можете переопределить margin-bottom: 20px от navbar :

     .navbar { margin-bottom: 0; } 

    Что-то вроде этого: http://jsfiddle.net/q4M2G/ ( !important здесь, чтобы переопределить стиль версии bootstrap CDN, которую я использую в jsfiddle, но вам не нужно использовать его, если ваш стиль правильно переопределяет стили бутстрапа)

    Почему вы кладете classы: span12 offset3 ?

    Bootstrap имеет 12 столбцов по умолчанию. поэтому, если вы не изменили его, попробуйте поставить:

    span9 offset3 или просто span12 .

    Давайте будем гением компьютера.