bootstrap3 и twitter typeahead integration

Question

Я пытаюсь интегрировать twitter-typeahead с bootstrap3. Я хочу использовать typeahead внутри навигационной панели.

Проблема возникает только тогда, когда Navbar свернут и только в мобильных устройствах (выпуск по крайней мере, в iPhone сафари и BB10 браузера), и это выглядит следующим образом:

машинописный выпадающий появляется под остальным содержанием NavBar :

браузер BlackBerry 10

Safari на iPhone

Я попытался настройки г-индекс и позиции:

.twitter-typeahead .tt-dropdown-menu { 
    position: absolute !important; 
    z-index:9999 !important; 
} 

Я реплицируется вопрос здесь:

http://jsfiddle.net/zZpQg/3/

Почему это происходит только в малогабаритных мобильных устройства? Как я могу получить раскрывающееся меню typeahead, которое будет отображаться поверх остальных ссылок?

KindRegards

Answer 1

Я также добавил

.tt-query { 
    backgroud-color: #fff !important; 
} 

для типа ввода.