【问题标题】:jQuery Chosen not rendering correctly with Bootstrap 3使用 Bootstrap 3 选择的 jQuery 无法正确呈现
【发布时间】:2013-09-23 02:34:14
【问题描述】:
当与 Bootstrap 3 一起使用时,我发现 jQuery Chosen 插件存在问题,至少当在另一个之上有多个选择时。 select(multiple)的高度大约是所需大小的一半,并且文本被截断(因此不可读)。
有谁知道为什么会这样,或者是否有任何与 Bootstrap 3 一起使用的良好示例(如 select2 提供的)。
【问题讨论】:
标签:
jquery
twitter-bootstrap
jquery-chosen
【解决方案1】:
我找到的解决方案是编辑 bootstrap.css 文件,并注释掉
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
这是破坏我的 css 样式。我不确定引导程序中需要它的位置,但它为我解决了问题,并且样式对我来说仍然正确。