twitter bootstrap typeahead基于查询更改下拉菜单宽度

时间:2013-08-02 23:37:54

标签: css twitter-bootstrap

我不确定这是否与jQuery有关,但我有一种强烈的怀疑。我的问题在这张图片中有详细说明:

problem picture using typeahead, field in autocomplete too long for width

查询结果长于宽度,不会缩放/调整大小。我试图用

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

但没有去...... 我想保留搜索框的大小,但我不想更改字体,因为它会使其他一切都太小。我希望下拉框根据查询的大小进行扩展。我顺便使用Twitter Bootstrap 2.3.2。还有其他人解决了这个问题吗?

1 个答案:

答案 0 :(得分:1)

啊,我弄明白了这个错误。这是bootstrap.css似乎不同意的事情

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

必须删除right: 0。这当然只有在你使用pull-right时才有效,就像我用于导航栏搜索一样。