html - 将 bootstrap 放入 header.php , footer.php 等

标签 html css twitter-bootstrap

我愿意学习像 .psd 这样的转换,然后使用 Bootstrap 框架转换为 Wordpress,因为在这个现代时代,每个人都在使用平板电脑和移动设备,例如 iPad。我听说bootstrap在匹配所有设备几乎所有尺寸方面非常强大,虽然我知道如何将.psd转换为Wordpress,但我不知道如何将Bootstrap放在源目录wp-content like header中。 php, footer.php 等。这很难而且容易混淆。如果有人可以给我视频教程或链接和提示之类的教程,我会说谢谢你的友好和耐心的回应。

最佳答案

如果你想在 wordpress 主题中添加 bootstrap,那么下载 bootstrap .css 文件,将其移动到你的主题目录,并将以下代码放入你的 functions.php 文件中:

function bootstrap_enqueue() {
    wp_enqueue_style( 'bootstrap', get_template_directory_uri() . 'bootstrap.min.css' );
}
add_action( 'wp_head', 'bootstrap_enqueue' );

这将包括 Bootstrap 主 css 文件。如果 boot strap 有任何关联的 javascript,则只需在 wp_enqueue_style(); 之后添加一行,如下所示:

wp_enqueue_script( 'bootstrap-js', get_template_directory_uri(). '/js/bootstrap.min.js' );

它会全部添加到您的header.php 文件中的wp_head(); 函数输出。

但我要提醒您:不要同时使用 WordPress 和 Bootstrap。 Bootstrap 很强大,但它在 WordPress 上显得笨拙。您最好先使用像 Underscores 这样的样板主题,然后阅读有关媒体查询和 JS 断点的快速教程。

来源

关于html - 将 bootstrap 放入 header.php , footer.php 等,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25642890/

相关文章:

twitter-bootstrap - 向旋转木马添加阴影

javascript - 为什么 Bootstrap Js 在我的模板中不起作用?

css - bootstrap 3 表单中的水平多选选项

html - 另一个 div 高度问题

javascript - 如果值标签是某物,则添加 html

javascript - 如何强制 HTML 页面具有水平滚动条

javascript - 有没有办法将javascript文件加载到一个文件到页面以优化站点速度?

css - 如何在内容上方呈现正文背景图片

javascript - 如何正确等待浏览器回流/重绘完成

javascript - 选择带有嵌套 foreach 选项的元素在 KnockoutJS 中不起作用