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

标签 jquery css twitter-bootstrap typeahead

我知道这个问题之前至少被问过三次,但我看到的答案不是我想要的。我希望增加 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/

相关文章:

css - 如何结合导航栏和分页?

javascript - 一个 document.createElement,追加两次,只显示一次

javascript - 特定 div 上的媒体打印 CSS

css - 路由器动画在动画时不保留高度

javascript - 无法将 <p> 的 innerHTML 更改为 LocaleDateString()

jquery - 固定背景图像网站中的图像没有响应

javascript - 如何使用ajax通过表单中的按钮提交数据

javascript - 单击时会显示 jQuery 选项卡和选项卡内容?

php - 加载 index.php 时的空 css 文件

html - 水平对齐div中的元素