我知道这个问题之前至少被问过三次,但我看到的答案不是我想要的。我希望增加 twitter bootstrap 使用其 typeahead 功能生成的自动完成字段的宽度。我一直在读到它延伸到覆盖该领域的所有文本。也就是说,文本越长,自动完成字段越宽。但是我希望它是一个 span6,因为那是我的搜索范围的宽度。有任何想法吗?我看过一些 jquery 答案,但我无法理解。
最佳答案
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%; }
关于jquery - 扩展 bootstrap typeahead 的宽度以匹配输入字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17957513/