css - bootstrap3 和 twitter 预输入集成

Question

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

该问题仅在导航栏折叠且仅在移动设备中出现（至少在 iPhone safari 和 BB10 浏览器中出现），具体如下：

typeahead 下拉菜单出现在导航栏内容的其余部分下方：

黑莓10浏览器

iPhone 上的 Safari

我尝试调整 z-index 和位置：

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

我在这里复制了这个问题：

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

为什么这种情况只发生在移动小型设备中？如何让 typeahead 下拉菜单出现在其余链接的顶部？

亲切的问候

Answer 1

我还添加了

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

对于输入类型。