css - 在不干扰现有主题的情况下使用 Bootstrap 构建 WordPress 插件

Question

我有一个非常具体的问题，与上下文相关:我正在重新构建一个已经有 1000 多个事件安装的 WP 插件。

我在考虑使用 Twitter bootstrap 来很好地响应我的观点，并像这样添加它:

add_action('wp_head','head_code');
function head_code(){
    // compiled and minified CSS
    $headcode = '<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">';
    echo $headcode;
}

这个问题完全干扰了已安装的主题(改变布局)。我不能更改主题和 WP 安装中的任何内容，这只是一个可以为 WP 存储库下载的插件，并且有一些后端和前端 View ，我不应该更改网站上已经存在的任何内容。

所以我只看到两种方式: 1. 我可以“隔离”bootstrap css 仅供我的 View 使用。如果可以，怎么做？ 2. 我必须使用更标准的方法来开发 WP 插件并使用其他响应性最佳实践。您有什么意见/反馈？

Answer 1

Bootstrap 类会与您的实际主题产生冲突，我发现了一个 gist bootstrap 3 的包装器称为 .bootstrap-wrapper 以避免冲突。

您也可以使用这个 css prefix tool使用最新版本的 Bootstrap 。