bootstrap3 和 twitter 预输入集成

Question

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

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

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

BlackBerry10 浏览器

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

用于输入类型。