2016-01-02 5 views
-1

Я изменил верхний край навигационного переключателя от 8 (значение по умолчанию) до 15. И из-за этого при рушится перерыв границы.Bootstrap - Navbar Collapse Border Break

.navbar-toggle { margin-top: 15px !important; } 

http://i.imgur.com/LYt4nEL.png

+0

Вы должны опубликовать фактическую работу пример вашего кода (HTML/CSS/JS). См. [Mcve] и [ask] – vanburen

ответ

0

Настройте NavBar-заголовок. Переключатель navbar переполнен, и он закрывает нижнюю границу заголовка навигатора. Увеличьте высоту для заголовка navbar и снимите любой другой элемент, который, возможно, нужно будет центрировать сейчас.

Для того, чтобы не влиять на высоту заголовка на точку зрения рабочего стола, убедитесь, что вы используете это только тогда, когда Navbar-переключатель показывает вверх, который только ниже 768px

@media (max-width: 768px) { 
    .navbar-toggle { 
     margin-top: 15px; 
    } 

    .navbar-header { 
     height: 58px; //change this as needed. 
    } 
} 
+0

Решено. Благодаря! – Asez

+0

@ Асез, если вы отметите это как ответ, другие могут извлечь из этого выгоду :) Рад, что я помог – LOTUSMS

+0

Мне нужна была высота экрана на 60 пикселей (по умолчанию = 50 пикселей). И вместо того, чтобы перекодировать код, я использовал настраиваемый бутстрап. – Asez

Смежные вопросы