如何使快捷代码的Bootstrap css覆盖主题的css?

时间:2019-11-18 作者:icolumbro

我正在编写一个简单的WordPress插件,它使用一些短代码在公共端显示内容。这些短代码使用一些引导程序的组件,如按钮、输入组和弹出窗口,但选定主题的CSS会干扰引导程序的CSS,并且渲染不是最佳的。。。如何仅对我的短代码使用“纯”引导CSS,使它们独立于所选的WordPress主题?

我读过this possible solution 但现在Bootstrap不再使用更少的代码,而是SASS和我尝试编译。scss文件,但有些组件不起作用,如工具提示,有些CSS错误,如字体系列。

1 个回复
SO网友:icolumbro

好吧,我想我解决了:跟踪this discussion 因此,我在一个新的SASS文件中导入了引导SASS文件,创建了一个自定义类作为容器来隔离引导组件,并编译了自定义类。scss至。css。修复了新CSS文件中的html和正文选择器,并提供了可用的工具提示:

$(\'[data-toggle="tooltip"]\').tooltip({
  container: \'.custom-container\', //needed to have working tooltips
  html: true,
});

相关推荐

Shortcode called twice

我正在使用一个快捷代码处理我的产品信息,它可以自动生成一个包含信息的表。但这个短代码似乎被调用了两次。我不是一个优秀的后端开发人员,但我正在努力学习一些基础知识,以便能够制作一些基本的PHP函数。我非常感谢你的帮助。提前谢谢。我的代码如下所示:function displayTable() { echo \'<table>\'; echo \'<tbody>\'; $fields = get_field_objects();&