twitter-bootstrap – bootstrap 4样式选择

发布时间：2020-12-17 21:34:50 所属栏目：安全来源：网络整理

导读：我想显示一个下拉/选择作为输入与bootstrap 4.到目前为止,我在文档中找到的唯一选择是 this.这是有效的,但看起来不像很自助,不支持图标,分组和东西.有没有办法让select与bootstrap的下拉功能相匹配？像这样的东西,但只作为各种形式的输入： div class="btn-

我想显示一个下拉/选择作为输入与bootstrap 4.到目前为止,我在文档中找到的唯一选择是 this.这是有效的,但看起来不像很自助,不支持图标,分组和东西.有没有办法让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>

有没有人有想法？

解决方法

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

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

更新2018 – Bootstap 4.0.0(稳定)

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

SelectPicker plugin：https://www.codeply.com/go/zpZOlpB4GS

Multiselect plugin：https://www.codeply.com/go/UeqqALYwsT

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!