如何设置自动完成jquery的样式

Question

我刚试过自动完成插件，但我在某个地方遇到了问题。见图。

如您所见，当显示下拉列表时，它太大了。

HTML代码：

{{ Form::open(array('route' => 'rechercher_personne', 'class'=>'navbar-form-custom', 'method' => 'get')) }}

        <div class="form-group">
            <input id="rechercher_personne" class="form-control typeahead" type="text" name="personne" placeholder="Rechercher personne ..." pattern=".{2,}" title="2 caractères minimum" >
            <input type="hidden" id="url_for_ajax" value="{{URL::to('/')}}" />
            <input type="hidden" value="{{ Route::currentRouteName() }}" name="currentRouteName">
            <input type="hidden" id="id_personne" class="form-control"/>

            <!-- <button type="submit"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>  -->

        </div>
    {{ Form::close() }} 

我使用bootstrap类。我尝试使用“col-md-2”而没有效果。如何更恰当地设计风格？

感谢您的帮助。

多米尼克

Answer 1

我找到了解决方案。只有这个：

 open: function(){
            $('.ui-autocomplete').css('width', '200px');
        }

多米尼克