twitter bootstrap typeahead下拉列表

Question

您好我正在使用Twitter bootstrap。我在模型窗口中使用了typeahead。我的问题是，当我输入文本框时，下拉列表即将完美，但它会出现在文本框的最底部。我观察到当下拉即将到来时，存在属性顶部设置。但我不知道如何在运行时更改它。

以下是图片：

我不擅长CSS。谁能告诉我应该怎么做才能解决这个问题？

Answer 1

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

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

在http://jsfiddle.net/technotarek/Msttw/看到我的工作小提琴。

请注意，我的预先输入值是彩虹的颜色，以防您触发它时遇到问题。

此外，根据您的确切表单布局，您可能需要使用顶部/底部或左/右CSS属性来调整typeahead元素的位置以适合您自己的情况。