Bootstrap隐藏类

时间:2016-10-31 12:41:21

标签: css wordpress twitter-bootstrap

使用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会有所不同吗?如果能解决这个问题,我不介意更新它。

谢谢

3 个答案:

答案 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,只有按钮和图标(这是我在后端需要的),不再出现类冲突问题。