부트 스트랩 드롭 다운에 select2를 삽입하십시오.

Question

select2을 부트 스트랩에서 dropdown-menu에 삽입하는 동안 문제가 발생했습니다. 마크 업은 다음과 같습니다.

<ul class="dropdown-menu dropdown-select-box"> 
    <li> 
     Choose categories: 
     <select id="choose-category" multiple=""> 
      <option></option> 
      <option></option> 
      <option></option> 
     </select> 
    </li> 
</ul> 

스타일을 지정하고 더 잘 제어하기위한 .dropdown-select-box 클래스입니다. 나는 그걸 작동시킬 수없는 것 같아서, 그것은 나를 미치게 만들고 귀중한 시간을 들게합니다. 여기서 I이 달성하려는 결과 :

이것은 선택 2 컨테이너가 항상 개방 될 필요가 있다는 것을 의미하고, 드롭 다운 메뉴로 (든) 위치 설정되도록 드롭 -menu는 select2 컨테이너의 크기에 맞게 조절할 수 있습니다. 나는 내 마음을 감싸려고 노력했지만 빈손으로 나왔다.

Answer 1

나는

<script src="assets/js/jquery.js"></script> 
    <script src="assets/js/bootstrap-transition.js"></script> 
    <script src="assets/js/bootstrap-alert.js"></script> 
    <script src="assets/js/bootstrap-modal.js"></script> 
    <script src="assets/js/bootstrap-dropdown.js"></script> //Remove this... 
    <script src="assets/js/bootstrap-scrollspy.js"></script> 
    <script src="assets/js/bootstrap-tab.js"></script> 
    <script src="assets/js/bootstrap-tooltip.js"></script> 
    <script src="assets/js/bootstrap-popover.js"></script> 
    <script src="assets/js/bootstrap-button.js"></script> 
    <script src="assets/js/bootstrap-collapse.js"></script> 
    <script src="assets/js/bootstrap-carousel.js"></script> 
    <script src="assets/js/bootstrap-typeahead.js"></script> 
    <script src="assets/js/bootstrap-affix.js"></script> 

모든 쓸모를 제거 ...

부트 스트랩 드롭 다운 JS를 제거 시도하고 코드를 실행 ... 서로 충돌되는 부트 스트랩 드롭 다운 JS를 생각하고 플러그인 JS를 선택 템플릿에서 js ...