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元素的位置。