Twitter Bootstrap Typeahead下拉列表

Question

嗨，我正在使用Twitter Bootstrap。 我在模型窗口中使用了typeahead。 我的问题是，当我在文本框中键入内容时，下拉列表很完美，但在文本框的底部。 我观察到下拉菜单即将到来时会设置属性顶部。 但是我不知道如何在运行时更改它。

这是图片：

我的CSS不好。 谁能告诉我该怎么解决这个问题？

Answer 1

您需要在引导程序中覆盖typeahead类的某些默认样式。 具体来说，我可以通过将position设置为relative并将z-index设置为10000来使其正确显示。position属性要求您使用！important声明。

.typeahead {
    position:relative !important;
    z-index:10000;
}​

请参阅http://jsfiddle.net/technotarek/Msttw/上的工作提琴。

请注意，我的预输入值是彩虹的颜色，以防万一您无法触发它。

另外，根据您的确切表单布局，您可能需要使用top / bottom或left / right CSS属性来调整typeahead元素的位置，以适合您自己的情况。