Изменение высоты навигационной панели приводит к развалу?

Question

Я успешно уменьшил высоту навигатора, но после изменения размера браузера - откликается развал.

Обычно, если он находится в режиме развала, он расширяет область навигации, поэтому все выпадающие окна находятся внутри него. После изменения высоты навигатора он выпрыгивает из div и отсутствует большая часть Свойства

Есть ли какие-либо «учебные пособия» или руководства, как успешно изменить высоту навигационной панели, не нарушая отклика.

Код, используемый:

.navbar, .navbar-header, .navbar-brand, .navbar-nav, 
.navbar-nav ul, .navbar-nav li, .navbar-nav>li>a { 
    margin-top: 0px; 
    min-height: 28px; 
    height: 28px; 
    padding: 1px 5px 1px 5px 
} 

JSFiddle

Answer 1

Использование медиа-запросов, чтобы установить высоту только для ширины экрана выше @ сетки-поплавка-точки останова

МИНУС:

@media(min-width:@grid-float-breakpoint) 
{ 
.navbar {min-height:200px;} 
} 

CSS:

@media(min-width:768px) 
{ 
.navbar {min-height:200px;} 
} 

Смотрите также http://bootply.com/96446 (на основе кода в вашем jsfiddle)

Answer 2

Вот CSS вы можете использовать:

/* Navbar height */ 
.navbar { 
    min-height: 28px; 
} 
.navbar-brand, 
.navbar-nav>li>a { 
    line-height: 26px; 
    padding: 1px 5px; 
} 
/* Toggle button size */ 
.navbar-toggle { 
    margin: 4px; 
    padding: 4px; 
} 
.navbar-toggle .icon-bar { 
    width: 14px; 
} 
.navbar-toggle .icon-bar+.icon-bar { 
    margin-top: 2px; 
} 

Updated JSFiddle

Примечание: Я положил margin-top на навигационную панель, чтобы избежать метки «Результат».