插入到選擇2下拉引導

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選擇框類，爲了樣式的目的和更好的控制。我似乎無法讓它工作，這讓我瘋狂，並花費我寶貴的時間。下面是我想達到這個結果：

這意味着選擇2容器必須在任何時候都開放，（在某種程度上）位於相對於下拉菜單，使下拉菜單可以縮放到select2容器的大小。我試圖圍繞這一點思考，但卻空手而歸。

Answer 1

我想舉下拉js和選擇插件的js的相互碰撞......

嘗試刪除引導下拉js和運行代碼...

<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 from your template ...