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上进行了测试。
安装
已知问题
- .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添加了
main
和dependencies
部分。
v1.3.0
- bootstrap3分支的第一个标记版本(如t0m#30请求)。
致谢
感谢select2-bootstrap-css的原始作者Tom Terrace(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
标志通过http://localhost: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编译。