jquery - 扩展 bootstrap typeahead 的宽度以匹配输入字段

Question

我知道这个问题之前至少被问过三次，但我看到的答案不是我想要的。我希望增加 twitter bootstrap 使用其 typeahead 功能生成的自动完成字段的宽度。我一直在读到它延伸到覆盖该领域的所有文本。也就是说，文本越长，自动完成字段越宽。但是我希望它是一个 span6，因为那是我的搜索范围的宽度。有任何想法吗？我看过一些 jquery 答案，但我无法理解。

Answer 1

Michael Watson 在他的评论中给出了我认为最简单的答案。

.twitter-typeahead { width: 100%; } 

更新 #1:根据下面的评论(感谢 Steve、Vishi)，对 .tt-hint、.tt-input< 执行相同的操作, .tt-dropdown-menu.

更新 #2: mlissner 报告 .tt-dropdown-menu 现在是 .tt-menu，所以最终结果是

.twitter-typeahead, .tt-hint, .tt-input, .tt-menu { width: 100%; }