css - twitter bootstrap 预输入下拉菜单

Question

嗨，我正在使用 twitter 引导程序。我在模型窗口中使用了预输入。我的问题是当我在文本框中输入时，下拉菜单非常完美，但它位于文本框的最底部。我观察到当下拉菜单出现时有属性 top 设置。但我不知道如何在运行时更改它。

这是图像：

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

Answer 1

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

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

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

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

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