Twitter Bootstrap topbar раскрывающийся список изменений вертикальный размер

Question

У меня есть проблема с выпадающим списком в структуру Bootstrap Twitter. После того, как я добавил раскрывающийся список, он расширяет высоту всего верхнего бара, и это то, что я пытаюсь исправить.

URL страницы является http://locabikes.de/

При наведении курсора мыши на символе «DE» в верхнем правом углу, раскрывающийся будет отображаться, но topbar также изменить его размер vertiacal покрытия навигационной панели.

Есть ли способ показать только другие языки, не изменяя размер верхней панели? Это код, я говорю:

<div class="col-sm-12 col-sm-no-pd"> 
<ul id="lng"> 
    <li> 
     <span>DE</span> 
     <ul> 
      <li><a href="http://locabikes.com">EN</a></li> 
      <li><a href="http://locabikes.pl/">PL</a></li> 
     </ul> 
    </li> 
</ul> 
<div id="topSocial"> 
    <a href="http://www.facebook.com/locabikes" target="_blank" class="icon icon-facebook"></a> 
    <a href="https://www.pinterest.com/locabikes/" target="_blank" class="icon icon-pinterest"></a> 
    <a href="https://instagram.com/loca_bikes/" target="_blank" class="icon icon-instagram"></a> 
</div> 

Это, как я хочу, чтобы она выглядела, как после пылесосить на текущем языке гиперссылкой.

Answer 1

Оказался, только я необходимо было удалить overflow: hidden свойство из родительского #topbar div и оно начало работать.

Answer 2

Поскольку вы используете загрузчик, я должен предложить изменения разметки уль # LNG разметке заданной начальной загрузки документации на выпадающие.

http://getbootstrap.com/components/#dropdowns

Dropdown по умолчанию работает на клике, но со следующей подстройкой он также будет работать по наведению:

http://www.joostrap.com/support/tutorials-videos/202-how-to-enable-hover-for-nav-dropdowns

Надеется, что это помогает :)