select2 정렬이 작동하지 않습니다.

Question

select2-3.5.2가 정상적으로 작동하고 있습니다. 하지만 4.0.3으로 업그레이드하자마자 갑자기 페이지의 왼쪽에 나타납니다. jquery-UI를 사용하여이 두 가지가 잘 작동하기를 바랍니다.

float : right; select2-4.0.3

<div style="position:absolute; top:0px; left:0px; width:100%" class="ui-widget infobar-wrapper"> 
     <div name="ibar1" id="ibar1" class="ui-widget-header infobar"> 
      <select name="themes" id="themes" style="float:right;"> <!--margin-top:-3px;--> 
       <option></option> 
       <option value="black-tie">black-tie</option> 
       <option value="trontastic">trontastic</option> 
       <option value="ui-darkness">ui-darkness</option> 
       <option value="ui-lightness">ui-lightness</option> 
      </select> 
     </div> 
    </div> 

에 영향을 갖는되지 난 JS에서 이렇게 같이

가

$("#themes").select2({dropdownAutoWidth:true,placeholder:'Change theme'}); 

CSS는 :

.infobar { 
    height:27px; 
    font-weight:bold; 
    overflow:hidden; 
    border:0px; 
} 

Answer 1

는 나타나지, 아직도 float 나타나는 다른 항목으로 이동해야합니다.

CSS

.infobar { 
    height: 27px; 
    font-weight: bold; 
    overflow: hidden; 
    border: 0px; 
} 

.infobar .select2-container { 
    float: right; 
} 

작업 예 :