select2 rails dropdown无法正确呈现

Question

我能够让select2-rails在大多数情况下工作，但当我点击搜索栏时，我得到以下内容：

我正在使用以下CoffeeScript：

    $('#query').select2({
            placeholder: placeholder_text
            minimumInputLength: 2
            ajax:
                    url: end_point
                    tags: "false",
                    dataType: 'json',
                    delay: 200,
                    cache: true,
                    data: (params) ->
                            return { search: params.term.toUpperCase() }
                    processResults: (data, params) ->
                            return { results: data }
            theme: "bootstrap"
    })

以下HTML：

<div class="col-md-6 text-right">
   <form>
      <%= select_tag "search", {}, id: "query" %>
    </form>
</div>

application.css

 *= require select2                                                                                 
 *= require select2-bootstrap                                                                       
 *= require_tree .                                                                                  
 *= require_self 

的application.js

//= require jquery                                                                                  
//= require jquery.turbolinks                                                                       
//= require jquery_ujs                                                                              
//= require bootstrap                                                                               
//= require turbolinks                                                                              
//= require select2                                                                                 
//= require_tree .    

正如我所说的，我可以查询，我只想让搜索栏正确对齐......

有没有人有任何想法？

Answer 1

这是trh评论的扩展，因为它使我走上了正确的道路。

当使用带引导程序的select2时，位于assets / stylesheets / application.scss中的代码为我修复了所有内容

@import "bootstrap-sprockets";
@import "bootstrap";
@import "select2";
@import "select2-bootstrap";