Выбор2 рельсов DropDown не отображаются правильно

Question

я смог ВЫБ.2 поручни, работающие по большей части, но когда я нажимаю на строке поиска я получаю следующее:

Я использую следующий 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, поскольку это было то, что поставило меня на правильный путь.

При использовании ВЫБ.2 с бутстрапом этого код находится в активах/стилях/application.scss фиксированного все для меня

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