heimrichhannot / bootstrap-select
Bootstrap-select 是一个 jQuery 插件,它利用 Bootstrap 的 dropdown.js 来美化标准选择元素,并添加额外的功能。
Requires
- contao-components/installer: ^1.0.9
Suggests
- components/jquery: >=1.8
- heimrichhannot/bootstrap: 4.0.0-alpha
README
Bootstrap-select 是一个 jQuery 插件,它利用 Bootstrap 的 dropdown.js 来美化标准选择元素,并添加额外的功能。
演示和文档
您可以在这里查看实时演示和一些使用不同选项的示例。
Bootstrap-select 的文档包含在本存储库的根目录中,使用 MkDocs 构建,并在 GitHub Pages 上公开托管,网址为 http://silviomoreto.github.io/bootstrap-select。文档也可以在本地运行。
本地运行文档
- 如果需要,请安装 MkDocs。
- 在
/bootstrap-select/docs
目录下,在命令行中运行mkdocs serve
。 - 在您的浏览器中打开
http://127.0.0.1:8000/
,就可以使用了。
通过阅读其文档了解更多关于使用 MkDocs 的信息。
作者
Silvio Moreto,Ana Carolina,caseyjhol,Matt 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 页面获取最新版本。
- //cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/css/bootstrap-select.min.css
- //cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/bootstrap-select.min.js
- //cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/i18n/defaults-*.min.js (翻译文件)
错误和功能请求
任何人都可以贡献。 请在提交问题之前花点时间审查贡献指南。确保在提交问题之前使用 bootstrap-select 的最新版本。
版权和许可
版权 (C) 2013-2015 bootstrap-select
根据MIT 许可协议 许可。
用户
您的组织是否使用 bootstrap-select?打开一个问题,并包括链接和徽标,您将被添加到列表中。