如何在 WordPress 主题中使用 BootStrap？答案

【问题标题】：How to use BootStrap inside a WordPress theme?如何在 WordPress 主题中使用 BootStrap？
【发布时间】：2014-02-07 21:46:57
【问题描述】：

我是 WordPress 和 BootStrap CSS 框架的新手，我有以下疑问：

我已经安装了这个集成了 BootStrap 框架的主题，我想以它为起点：http://bootstrapwp.rachelbaker.me/

我已更改主页的背景颜色，将 background-color 属性更改为我的主题中名为 bootstrapwp.css 的文件中的正文字段，使用 FireBug插件

好吧...我的疑问是：

1) 为什么这个 CSS 文件被命名为 bootstrapwp.css 而不是在下载的 BootStrap 3 框架中的 bootstrap.css？为什么这个文件与下载的 bootstrap.css 文件略有不同？

2) 在 BootStra 中更改样式的更好方法是什么？我可以直接在我的 bootstrapwp.css 中更改它，还是在覆盖此行为的另一个文件中进行更改？

Tnx

安德烈亚

【问题讨论】：

标签： html css wordpress twitter-bootstrap wordpress-theming

【解决方案1】：

您可以试试 Impulse Press。这是最完整的 Wordpress Bootstrap 3 入门主题看看演示impulsepress.twoimpulse.com 有了这个，您可以在 bootstrap-theme.css 中更改您的 css 样式并且不要触摸 bootstrap.css ，所以当我们有更新时它不会破坏您的网站样式

Vincent Polisi 是对的，您还可以制作儿童主题并让 Impulse Press 始终更新

【讨论】：

【解决方案2】：

安德烈亚：

您的问题有很多答案，但我会努力为您简化。

首先，开发人员试图做的是在 Wordpress CMS 中获取 Bootstrap 功能。它们是两种完全不同的动物。 Bootstrap 由必须手动编码的各个页面组成。 Wordpress 是一个内容管理系统 (CMS)，您可以在其中应用样式、主题、侧边栏、模板或小部件，并将其显示在站点范围内的每个页面上。

因此，开发人员正在使用 bootstrapwp.css 文件来处理整个 Bootstrap 主题 Wordpress 网站的 CSS。请记住，这不是 Bootstrap 站点。这是一个以 Bootstrap 为主题的 Wordpress 网站，旨在将 Bootstrap 的功能和设计融入 Wordpress Codex 的范围内。

如果您运行的是 Wordpress 网站，更改样式的最佳方法始终是在子主题提供的 CSS 文件中。

【讨论】：

好的，让我们看看我是否理解您的意思：我知道 BootStrap 是具有相关 CSS 设置的组件的集合（例如菜单组件）。我知道我可以简单地在一个简单的 HTML 页面中应用 BootStrap 菜单组件（作为导航栏），但这在 WordPress 中可能非常复杂，因为在 CMS 中菜单具有特定的逻辑（这只是一个示例，正确如果我错了我）。那么回到我之前的帖子：你的意思是主题的开发者已经在WP主题中采取并集成了一些BootStrap行为（一些组件和相关的CSS）？
还有：当您说“更改样式的最佳方法总是在子主题提供的 CSS 文件中”时，您到底是什么意思？ Tnx