twitter bootstrap typeahead 根据查询更改下拉菜单宽度答案

【问题标题】：twitter bootstrap typeahead change dropdown menu width based on querytwitter bootstrap typeahead 根据查询更改下拉菜单宽度
【发布时间】：2013-08-03 11:03:38
【问题描述】：

我不确定这是否与 jQuery 相关，但我非常怀疑。这张图片详细说明了我的问题：

查询结果长于宽度且不缩放/调整大小。我尝试使用

更改 bootstrap-typeahead.js

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

但是不行... 我想保持搜索框的大小，但我不想更改字体，因为它会使其他所有内容都太小。我希望下拉框根据查询的大小进行扩展。顺便说一句，我正在使用 Twitter Bootstrap 2.3.2。其他人解决了这个问题吗？

【问题讨论】：

你应该可以用纯css做到这一点，（例如根本没有JS）
这更像是一个 CSS 问题，这很奇怪，因为即使我将项目做得很长，boostrap 文档中的预输入演示对我来说也能正常工作，你能发布一个指向你网站的链接吗？
如果您想根据查询结果动态执行此操作...
我认为这与 .dropdown-menu 宽度为 160 像素有关，这可以，但不用于预输入
@koala_dev 你说的是哪个 typeahead 演示？我找不到正确的演示

标签： css twitter-bootstrap

【解决方案1】：

啊，我发现了错误。这在 bootstrap.css 中似乎不一致

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

必须删除right: 0。当然，这只有在您像我一样使用 pull-right 进行导航栏搜索时才有效。

【讨论】：