Загрузочное пространство между панелью навигации и каруселью

Используя Bootstrap 3, я последовал их примеру, поместив панель навигации вверху, а затем сразу же за ней последовала карусель. Я удалил margin-bottom:20px из навигационной панели, но между нижней частью навигации и началом карусели остается пространство ровно 20px.

Если я поставлю margin-top:-20px на контейнер карусели, то пространство исчезнет.

Инспектор Chrome не показывает никаких элементов, учитывающих разрыв.

Почему там пробел и как правильно его убрать?

Пример показан здесь: http://temp.hak.webfactional.com/

Спасибо


person leshank    schedule 17.07.2014    source источник
comment
Просто удалите свою пользовательскую таблицу стилей, и все будет в порядке.   -  person Ron van der Heijden    schedule 17.07.2014
comment
Извините, если это неуместное место для вопроса, но что мне делать, если есть более одного правильного ответа и что возможный повторяющийся комментарий также верен?   -  person leshank    schedule 17.07.2014


Ответы (3)


Это вызвано этим правилом:

body {
    padding-top: 70px;
}

Так как ваша панель навигации имеет высоту 50px (и что у нас здесь? 70 - 20 = 50 !), измените этот отступ соответствующим образом, и все будет в порядке.

person zessx    schedule 17.07.2014
comment
+1 Я пойду с этим ответом. просто измените padding-top; и все будет хорошо - person MarmiK; 17.07.2014

Добавьте это css в свой код

body {
   padding-top: 50px;
}
person amol    schedule 17.07.2014
comment
Тоже верно, спасибо. - person leshank; 17.07.2014

Отредактируйте имя css — suntrek.css, строка № 1.

body {
min-height: 1024px;
padding-top: 51px;
}
person Suresh Karia    schedule 17.07.2014
comment
Ааа, я был очень глупым, не помня, что я положил это туда, когда просматривал некоторые другие примеры. Благодарю вас! - person leshank; 17.07.2014
comment
рад, что помог! Пожалуйста, проголосуйте! мир - person Suresh Karia; 17.07.2014