twitter bootstrap typeahead更改下拉菜單的寬度根據查詢

我不太確定這是否與jQuery相關，但我有強烈的懷疑。我的問題是在這幅畫中詳述：twitter bootstrap typeahead更改下拉菜單的寬度根據查詢

problem picture using typeahead, field in autocomplete too long for width

查詢結果是長於寬度，它不能擴展/調整大小。我試圖改變自舉typeahead.js與

_resizeMenu : function() { 
     var ul = this.$menu; 
     ul.css("min-width", this.$element.outerWidth()); 
    }

，但沒有去... 我想保持搜索框的大小，但我不想改變字體，因爲它將使一切都太小了。我希望下拉框根據查詢的大小進行擴展。順便說一下，我使用的是Twitter Bootstrap 2.3.2。有其他人解決了這個問題嗎？

2013-08-02 John61590

你應該可以用純css來做到這一點（例如根本沒有JS） –

這更像是一個CSS問題，它很奇怪，因爲boostrap文檔中的typeahead演示對我來說工作正常，即使我做了項目真的很長，你可以發佈一個鏈接到你的網站？ –

不是，如果你想動態地根據查詢結果做到這一點... – John61590

啊，我想出了錯誤。它是什麼，似乎並不在bootstrap.css

.pull-right > .dropdown-menu { 
    //right: 0; 
    left: auto; 
    }

同意必須刪除right: 0。這當然只適用於你正在使用拉右，就像我是用於導航欄搜索。

2013-08-03 03:03:05 John61590

回答