使用Bootstrap和Wordpress管理面板时遇到问题。
基本上,我安装了一些Bower组件,当我构建项目时,它们都被连接在一起(对于CSS和JS)。
问题是:Bootstrap .hidden
类使用!important
这对我来说是一个问题,因为wordpress管理员端的一些元素看起来像这样:
... class=".... hidden" style="display:none" ...>
他们有.hidden类和内联风格。
Wordpress默认.hidden
类被Bootstrap类替换,因此内联样式被忽略,Bootsrap的!important
也阻止它从display: none
更改为display: block
。
不幸的是,我需要在后端使用bootstrap来处理很多其他事情。
有什么方法可以替换那个班级吗? (我只想摆脱!important
保持其他一切相同)
理想情况下,不更改引导核心css
,以便它是更新安全的
ps:Bootstrap 4会有所不同吗?如果能解决这个问题,我不介意更新它。
谢谢
答案 0 :(得分:0)
您可以使用jQuery' $('the_CSS_Type_Selector').removeClass('TheClassToRemove')
。
并且您可以使用.attr()
Ref- 1. Stack Answer 2. jQuery .removeClass
答案 1 :(得分:0)
您可以从bootstrap css中删除!important。
如果您的计算机上没有文件,则必须下载它们。
答案 2 :(得分:0)
最后我决定使用http://getbootstrap.com/docs/3.3/customize/并创建一个包含我需要引导程序的主题。
这样我就可以包含一个特定的带状版本的bootstrap,只有按钮和图标(这是我在后端需要的),不再出现类冲突问题。