thatsus/select2-bootstrap-css

该软件包最新版本（2.1）没有可用的许可信息。

维护者

详细信息

github.com/thatsus/select2-bootstrap-css

源代码

安装: 130

依赖项: 0

建议者: 0

安全: 0

星星: 0

关注者: 4

分支: 218

语言:CSS

2.1 2016-01-26 20:12 UTC

Unknown License 204da5b6f8b39354e623973fa58b09b931d14039

This package is not auto-updated.

Last update: 2024-09-20 10:17:31 UTC

README

select2-bootstrap-css,
为Bootstrap 3进行分支。

演示可在此处查看
http://fk.github.io/select2-bootstrap-css/

与Bootstrap v3.3.2和Select2 v3.3.2, v3.4.1-v3.4.5, v3.5.1, v3.5.2, master测试过
在最新的Chrome, Safari, Firefox, Opera (Mac) 和 IE8-IE10中。

安装
  • Bower: bower install select2-bootstrap-css
  • npm: npm install select2-bootstrap-css
已知问题
  • .select2-search input的box-shadow不符合Bootstrap的默认设置
  • Select2下拉菜单可以继承自Bootstrap下拉菜单的外观，并且可以尊重Bootstrap的高度尺寸类
  • 如果与多选Select2一起使用，"Bootstrap输入组"中的复选框和单选按钮可以垂直对齐到顶部（而不是居中），以解决Select2容器的高度变化问题
变更日志
v1.4.6
  • 修复了发行源中的错误版本号。
v1.4.5
  • 基于Bootstrap 3 v3.3.2和相应的bootstrap-sass构建。
v1.4.4
  • 不要在代码中硬编码:focus box-shadow颜色 (#58).
v1.4.3
  • 在IE <= 9中移除了.select2-dropdown-open.select2-drop-above [class^="select2-choice"]的渐变；真正修复了#35。
v1.4.2
  • 移除了.select2-container.form-control的box-shadow（从Bootstrap的.form-control继承）。
  • 修复了#35。
  • 移除了.select2-arrow的border-left (#36).
  • 基于Bootstrap 3 v3.3.1和相应的bootstrap-sass构建。
  • Bower组件现在位于默认的"bower_components"文件夹中；放弃了grunt-jekyll，改为使用grunt-shell。
  • 更新了grunt插件。
v1.4.1
  • 修复了.select2-dropdown-open.select2-drop-above的border-radius（如@rzschech在t0m#24 (comment)，t0m#24 (comment))和"Bootstrap输入组加配件"中的`.select2-dropdown`。
  • 修复了使用Select2 pre v3.4.2与Bootstrap v3.2.0结合时的问题，以及在使用Select2在"Bootstrap输入组加配件"上下文中时，原始<select>元素未隐藏的问题。
  • 移除了bower.json中的尾随逗号。
v1.4.0
  • 第一个基于Twitter Bootstrap v3.2.0构建的版本。
  • 修复了由Twitter Bootstrap继承的bug，使用其变量，在IE8-IE10和Firefox中导致"Bootstrap输入组加配件"中的Select2小部件和.input-lg大小修饰器的高度偏移1px（Bootstrap 3的"输入组尺寸"-demo在https://bootstrap.ac.cn/components/#input-groups-sizing中对于Bootstrap v3.0.0也是同样的行为）。
  • 更新了UI 组件颜色。
v1.3.1
  • 向bower.json中添加了main和dependencies部分。
v1.3.0
  • bootstrap3分支的第一个标记版本（如t0m#30中请求的那样）。
致谢

原始的select2-bootstrap-css由Tom Terrace（@tterrace）为Bootstrap 2编写。

贡献者

该项目提供构建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标志在https://:4000提供服务
  • grunt watch监视lib/select2-bootstrap.scss中的更改（已启用livereload）

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

贡献者