Bootstrap 不适用于 wordpress 插件

Posted 2023-05-08

【中文标题】Bootstrap 不适用于 wordpress 插件

【英文标题】：Bootstrap is not working on wordpress plugin

【发布时间】：2018-06-21 13:32:28

【问题描述】：

我已经在我的 WordPress 中安装了 Insert Headers and Footers 插件。它工作正常，但是当我将引导程序添加到我的主题时，没有任何变化。

我将ritz theme 用于博客，因此我使用插件将页眉和页脚添加到页面。

我在主题function.php中引用了引导CDN

css 引导链接

wp_enqueue_style( 'bootstrap_css', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css' );

引导 js 链接

wp_enqueue_script( 'bootstrap_js', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js');

欢迎任何帮助。谢谢

【问题讨论】：

您是否将任何引导类添加到您的标记中？

打开你的网站 --> CTRL + U ，检查是否添加了引导程序！

@AlexanderSolonik 它就在那里。有这个 。在页面源中

@Engxtian 如果它在您的源代码中并且您已经在需要它们的地方应用了引导程序类，那么引导程序没有理由不工作，除非您在自己的样式表中覆盖了 css。有可以分享的链接吗？

【参考方案1】：

主题function.php添加此代码

function hook_bootstrap() 
    ?>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <?php

add_action('wp_head', 'hook_bootstrap');

【参考方案2】：

“Bootstrap Basic”主题会为您将所有 Bootstrap 核心文件安装到您的 Wordpress 网站，因此您不必自己添加任何代码。

尝试转到外观 -> 主题 -> 点击“添加新”并搜索“Bootstrap Basic”并将其安装到您的 wordpress 网站。

如果您想了解更多有关任何 Boostrap 提示和技巧的信息，请访问https://iiiji.com/bootstrap/。

Visit to see the image