heimrichhannot/bootstrap-select

Bootstrap-select 是一个 jQuery 插件,它利用 Bootstrap 的 dropdown.js 来美化标准选择元素,并添加额外的功能。

安装次数: 634

依赖者: 1

建议者: 0

安全: 0

星标: 39

关注者: 9

分支: 21

开放问题: 8

语言:HTML

类型:contao-component

v1.12.15 2020-08-12 11:25 UTC

This package is auto-updated.

Last update: 2024-09-12 20:21:06 UTC


README

Latest release Bower npm NuGet CDNJS

License Dependency Status devDependency Status

Bootstrap-select 是一个 jQuery 插件,它利用 Bootstrap 的 dropdown.js 来美化标准选择元素,并添加额外的功能。

bootstrap-select demo

演示和文档

您可以在这里查看实时演示和一些使用不同选项的示例。

Bootstrap-select 的文档包含在本存储库的根目录中,使用 MkDocs 构建,并在 GitHub Pages 上公开托管,网址为 http://silviomoreto.github.io/bootstrap-select。文档也可以在本地运行。

本地运行文档

  1. 如果需要,请安装 MkDocs
  2. /bootstrap-select/docs 目录下,在命令行中运行 mkdocs serve
  3. 在您的浏览器中打开 http://127.0.0.1:8000/,就可以使用了。

通过阅读其文档了解更多关于使用 MkDocs 的信息。

作者

Silvio MoretoAna CarolinacaseyjholMatt Bryson,以及 t0xicCode

使用方法

使用 .selectpicker 类创建您的 <select>

<select class="selectpicker">
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Barbecue</option>
</select>

如果您使用的是 1.6.3 或更高版本,您不需要做任何事情,因为 data-api 会自动获取具有 selectpicker 类的 <select>

如果您使用的是旧版本,您需要在页面底部(在最后一个 selectpicker 之后)或在一个 $(document).ready() 块中添加以下内容。

// To style only <select>s with the selectpicker class
$('.selectpicker').selectpicker();

或者

// To style all <select>s
$('select').selectpicker();

查看文档获取更多信息。

CDN

注意:CDN 在发布公开后更新,这意味着发布和 CDN 上可用之间存在延迟。请检查GitHub 页面获取最新版本。

错误和功能请求

任何人都可以贡献。 请在提交问题之前花点时间审查贡献指南。确保在提交问题之前使用 bootstrap-select 的最新版本。

版权和许可

版权 (C) 2013-2015 bootstrap-select

根据MIT 许可协议 许可。

用户

您的组织是否使用 bootstrap-select?打开一个问题,并包括链接和徽标,您将被添加到列表中。