twitter bootstrap typeahead dropdown

Question

嗨，我使用twitter引导。我在模型窗口中使用了typeahead。我的问题是，当我输入文本框的下拉菜单即将完美，但它的文本框的底部。我已经观察到，当下拉菜单即将到来时，会有属性设置最高。但是我不知道如何在运行时改变它。

下面是图片：

我不是在CSS不错。有谁可以告诉我该怎么解决这个问题？

Answer 1

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

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

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

请注意，我的typeahead值是彩虹的颜色，以防您触发时遇到问题。

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