silverfire/select2-bootstrap3-css

本包最新版本(1.5.0)没有提供许可证信息。

select2插件的Bootstrap3主题

1.5.0 2015-05-25 14:31 UTC

This package is auto-updated.

Last update: 2024-08-24 04:47:45 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输入的box-shadow不符合Bootstrap的默认设置
  • Select2的下拉菜单可能继承Bootstrap下拉菜单的样式,并且/或者可能遵守Bootstrap的高度尺寸类
  • 在"Bootstrap输入组"中的复选框和单选按钮如果与多选Select2结合,则可以垂直对齐到顶部(而不是居中),以解决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和"Bootstrap输入组添加组件"中的`.select2-dropdown`的border-radius(如@rzschech在t0m#24 (评论)t0m#24 (评论)中报告的那样)。
  • 修复了一个问题,该问题在使用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输入组"和.input-lg尺寸修饰符的高度偏移1px(Bootstrap 3的"输入组尺寸"-演示在https://bootstrap.ac.cn/components/#input-groups-sizing,对于Bootstrap v3.0.0行为相同)。
  • 更新了组件颜色
v1.3.1
  • 向bower.json添加了maindependencies部分。
v1.3.0
  • bootstrap3分支的第一个标记版本(如t0m#30请求)。
致谢

感谢select2-bootstrap-css的原始作者Tom Terrace(Tom Terrace)(@tterrace)为Bootstrap 2开发的。

贡献

该项目提供了构建select2-bootstrap.cssLessSass源代码;两者都使用了来自Bootstrap(Less)或Bootstrap for Sass的变量。演示页面使用Jekyll构建,并提供了一系列Grunt任务以简化开发。

安装RubyRubyGemsJekyllBowernode.jsLessSass后,运行

npm install && bower install

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

  • grunt copy将资产从components复制到_jekyll - 在需要测试Twitter Bootstrap或Select2的新版本时使用此命令
  • grunt build构建docs
  • grunt serve构建docs并通过Jekyll的--watch标志通过http://localhost:4000提供服务
  • grunt watch监视lib/select2-bootstrap.scss中的更改(启用了livereload

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

贡献者