bootstrap3和twitter typeahead集成

Question

我正在尝试将twitter-typeahead与bootstrap3集成。 我想在导航栏中使用typeahead。

问题仅在导航栏折叠且仅在移动设备中出现时（至少在iPhone Safari和BB10浏览器中出现），并且如下所示：

预先输入下拉列表显示在导航栏内容的其余部分下方：

BlackBerry10浏览器

iPhone上的Safari

我尝试调整z-index和position：

.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; 
}

表示输入类型。