Twitter bootstrap 将select2插入引导下拉列表

Twitter bootstrap 将select2插入引导下拉列表,twitter-bootstrap,drop-down-menu,jquery-select2,Twitter Bootstrap,Drop Down Menu,Jquery Select2,尝试将从引导插入到中时遇到问题。标记如下所示: <ul class="dropdown-menu dropdown-select-box"> <li> Choose categories: <select id="choose-category" multiple=""> <option></option> <option></op

尝试将从引导插入到中时遇到问题。标记如下所示:

<ul class="dropdown-menu dropdown-select-box">
    <li>
        Choose categories:
        <select id="choose-category" multiple="">
            <option></option>
            <option></option>
            <option></option>
        </select>
    </li>
</ul>
  • 选择类别:
在我的.select下拉框类中,为了设计样式和更好的控制。我似乎无法让它发挥作用,这让我发疯,也浪费了我宝贵的时间。以下是我希望实现的结果:


这意味着select2容器需要始终打开,并且(以某种方式)相对于下拉菜单定位,以便下拉菜单可以缩放到select2容器的大小。我试着将我的想法围绕在这个问题上,但结果却是空手而归。

我认为引导下拉列表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