bootstrap 4样式选择

Question

我想显示一个下拉/选择作为输入与bootstrap 4.到目前为止,我在文档中找到的唯一选择是这个.哪个有效,但看起来不像引导程序,并且不支持图标,分组和分配.有没有办法让select与bootstrap的下拉功能相匹配？

像这样的东西,但只作为各种形式的输入:

<div class="btn-group">
    <button class="btn btn-secondary btn-lg dropdown-toggle" type="button" data-toggle="dropdown">
        Large button
    </button>
    <div class="dropdown-menu">
        <a class="dropdown-item" href="#">Action</a>
        <a class="dropdown-item" href="#">Another action</a>
        <a class="dropdown-item" href="#">Something else here</a>
        <div class="dropdown-divider"></div>
        <a class="dropdown-item" href="#">Separated link</a>
    </div>
</div>

有没有人有想法？

Answer 1

样式/格式化select元素的能力通常是有限的,而不仅仅是在Bootstrap中.这就是为什么有第三方插件,如https://github.com/silviomoreto/bootstrap-select,它利用jQuery将现有的select元素转换为"样式并为标准选择元素带来额外的功能".

您还可以添加一些简单的jQuery,使Bootstrap下拉行为像select元素:http://www.codeply.com/go/ganazCDXB5

更新2018 - Bootstap 4.0.0(稳定)

选择下拉列表:https://www.codeply.com/go/8bAECfv46k

SelectPicker插件:https://www.codeply.com/go/zpZOlpB4GS

多选插件:https://www.codeply.com/go/UeqqALYwsT