将select2插入Bootstrap下拉列表

Question

我在尝试从Bootstrap中将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类，用于造型和更好的控制。我似乎无法让它工作，这让我疯狂，让我花费了宝贵的时间。以下是我希望实现的结果：

这意味着select2-container需要始终打开并以某种方式相对于下拉菜单定位，以便下拉菜单可以扩展到select2-container的大小。我试图围绕这个问题，但空手而归。

Answer 1

我认为bootstrap下拉js和select plugin js相互冲突......

尝试删除bootstrap下拉列表并运行代码...

    <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 ......