Ответ 1
ссылки попадают на логотип
Это вызвано абсолютным позиционированием.
Обновить Без изменения размера изображения:
.navbar .brand {
max-height: 40px;
overflow: visible;
padding-top: 0;
padding-bottom: 0;
}
Поместите логотип в twitter bootstrap navbar без изменения размера навигационной панели
Есть ли способ поместить изображение (логотип бренда) в bootstrap navbar, например:
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="#"><img src="../Content/Images/logo.png" /></a>
</div>
</div>
</div>
и сохраните высоту навигатора нетронутой? Я попробовал
.navbar .brand
{
display: block;
height: 125px;
width: 246px;
padding: 0;
background: url('../Content/Images/logo.png') no-repeat left center;
float:left;
position: absolute;
}
и у меня хорошие результаты с позиционированием, но ссылки попадают на логотип.