最近开发发现boostrap fileinput的选择文件按钮变大了,可是在其他页面相同的代码都没有问题,经过仔细搜索发现,是summernote-bs3.css一起用的问题,经过对summernote-bs3.css的排查,发现里面有一段代码对boostrap默认样式进行了覆盖:
.hidden-xs {
display: block !important;
}
经过确认,在summernote中我没用到这个class,就将summernote-bs3.css中的这段代码注释,问题解决!

本文解决了Bootstrap FileInput选择文件按钮变大的问题。通过对比不同页面发现,此问题由summernote-bs3.css中的代码引起。具体是.hidden-xs类被误用,导致默认样式被覆盖。注释掉该部分代码即可解决问题。
最近开发发现boostrap fileinput的选择文件按钮变大了,可是在其他页面相同的代码都没有问题,经过仔细搜索发现,是summernote-bs3.css一起用的问题,经过对summernote-bs3.css的排查,发现里面有一段代码对boostrap默认样式进行了覆盖:
.hidden-xs {
display: block !important;
}
经过确认,在summernote中我没用到这个class,就将summernote-bs3.css中的这段代码注释,问题解决!


被折叠的 条评论
为什么被折叠?