README

为Bootstrap 3设计的Select2 v4 主题

演示可在以下网址找到
select2.github.io/select2-bootstrap-theme

兼容性

在最新版本的Chrome、Firefox和Safari（Mac）以及Internet Explorer 11和10中，与Bootstrap v3.3.6和Select2 v4.0.3进行了测试。

安装

您可以从此GitHub存储库下载select2-bootstrap-theme，使用Bower或npm安装它，或直接从CDNJS获取。

使用Bower或npm安装

您可以使用Bower或npm安装select2-bootstrap-theme

// Bower
bower install select2-bootstrap-theme

// npm
npm install select2-bootstrap-theme

从CDNJS获取select2-bootstrap-theme

select2-bootstrap-theme 也在CDNJS上可用。

使用方法

Select2 Bootstrap主题仅与Select2 v4.x兼容。应用该主题需要在Select2的默认select2.css之后引用select2-bootstrap.css。

<link rel="stylesheet" href="select2.css">
<link rel="stylesheet" href="select2-bootstrap.css">

要应用主题，在初始化Select2时通过将bootstrap传递到theme选项来告诉Select2

$( "#dropdown" ).select2({
    theme: "bootstrap"
});

变更日志

0.1.0-beta.8

修复了bower.jsons的"main"字段 [#45].
如果已经分配了$form-control-default-box-shadow、$form-control-focus-box-shadow和$form-control-transition Sass变量，则不要重新分配它们 [#45].

0.1.0-beta.7

修复了分发文件中的版本号。

0.1.0-beta.6

修复了在Less v2.6.0中数学编译不正确的问题 [#36].
修复了Bower和NPM的版本号。
文档：将AnchorJS更新到最新版本。

0.1.0-beta.5

更新了所有开发依赖项。
将Browsersync、Autoprefixer（由bootstrap-sass要求）和scss2less添加到构建过程中。
基于Bootstrap 3 v3.3.6及其对应的bootstrap-sass构建。
重写了尺寸类CSS，以便与Select2完整构建中可用的containerCssClass选项一起使用。[#34]
添加了版权和许可信息。[#43]

0.1.0-beta.4

为.select2-container--focus添加了缺少的样式。[#18]
添加了对Bootstrap的.form-inline的支持。[#13]
为.select2-selection--multiple中的.select2-selection__clear添加了基本样式。[#11]
将Less源代码与Sass版本保持一致，并修复了Less补丁文件和测试。[3e86f34]

0.1.0-beta.3

修复了与 .form-control.select2-hidden-accessible 相关的特定性问题。

0.1.0-beta.2

添加了Less版本。

0.1.0-beta.1

贡献

该项目提供了构建 select2-bootstrap.css 的 Less 和 Sass 源文件；两者都使用来自 Bootstrap（Less）或 Bootstrap for Sass 的变量。演示页面使用 Jekyll 构建，并有一系列 Grunt 任务以简化开发。

安装Ruby和 RubyGems、Jekyll、Bower、node.js、Less 和 Sass 后，运行

npm install && bower install

以安装所有必要的开发依赖项。

grunt copy 将资源从 components 复制到 _jekyll – 如果Twitter Bootstrap或Select2有新版本需要测试，请使用此命令
grunt build 构建 docs
grunt serve 构建 docs 并通过Jekyll的 --watch 标志在 http://localhost:4000 提供服务
grunt watch 监视 src/select2-bootstrap.scss 的更改（启用了 livereload）

在 src/select2-bootstrap.scss 中进行开发，并使用 grunt watch 和 grunt serve 测试您的更改。理想情况下，将更改移植到 lib/select2-bootstrap.less 并确保通过 npm test 运行测试以验证Less和Sass能否编译到目标CSS。

grunt scss2less 帮助将Sass源转换为对应的Less版本（并覆盖现有的 src/select2-bootstrap.less），但它并不完成全部工作 - 请审查Less源文件的更改并做出必要的调整。

版权和许可

许可文件可在存储库中找到，位于 LICENSE 文件中。

intelogie / select2-bootstrap-theme

维护者

详细信息