css - twitter bootstrap typeahead 根据查询更改下拉菜单宽度

Question

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

查询结果比宽度长，并且不会缩放/调整大小。我试图改变 bootstrap-typeahead.js

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

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

Answer 1

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

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

必须删除right: 0。这当然只有在你像我一样使用右拉来进行导航栏搜索时才有效。