Chosen.js样式不符合Bootstrap3样式 [英] Chosen.js styling not conforming to Bootstrap3 styles

问题描述

我正在使用selected.js v1.0，并在我的Bootstrap 3项目中使用它，但是我选择框的样式完全不符合bootstrap 3样式.

Im using chosen.js v1.0 and am using it in my project with Bootstrap 3 but the styles of my select boxes are not conforming to bootstrap 3 styles at all.

我做错什么了吗?我只是使用
调用了选择框 $('#select-input').chosen();对吗?

Am I doing anything wrong? I simply invoked the select boxes using
$('#select-input').chosen(); right?

推荐答案

实际上，有人为选择的对象创建了Bootstrap 3.0 CSS主题.

Actually, there is someone who created a Bootstrap 3.0 CSS theme for Chosen.

某些屏幕:

修改

我已经创建了 a小提琴，它使用与带有Bootstrap的官方选择的文档"页面相同的HTML主题已套用. (将form-control添加到所有选择项中，并删除了style="width:350px;")

I've created a Fiddle using the same HTML as the official Chosen documentation page with the Bootstrap theme applied. (added form-control to all selects and removed style="width:350px;")

而且，我将在此要点中维护主题: https://gist.github. com/koenpunt/6424137

And also, I'll be maintaining the theme in this gist: https://gist.github.com/koenpunt/6424137

这篇关于Chosen.js样式不符合Bootstrap3样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！