如何在bootstrap 3中使用bootstrap-theme.css？

Question

下载完整的bootstrap3包后，我注意到有一个单独的主题CSS文件。如何利用它？请解释？

我已包含bootstrap-theme.css在现有的引导项目中，但是输出没有任何区别。

Answer 1

下载Bootstrap 3.x后，您将获得 bootstrap.css 和 bootstrap-theme.css
（更不用说这些文件的缩小版本了）。

bootstrap.css

bootstrap.css完全样式化并可以使用，如果您愿意的话。它可能有点简单，但是已经准备就绪，就在那里。

如果您不想这样做，则无需使用bootstrap-theme.css，这样就可以了。

bootstrap-theme.css

bootstrap-theme.css正是文件名试图建议的名称：它是引导程序的主题，被创造性地认为是“ THE bootstrap
theme”。该文件的名称使事情有些混乱，因为该库bootstrap.css已经应用了样式，我想将这些样式作为默认样式。但是，根据Bootstrap文档的示例部分中有关此bootstrap-theme.css文件的内容，该结论显然是错误的：

“加载可选的Bootstrap主题以获得视觉增强的体验。”

以上报价位于 http://getbootstrap.com/getting-
started/#examples

上的缩略图上，该缩略图链接到此示例页面
http://getbootstrap.com/examples/theme/
。这个想法是，bootstrap-theme.css是 的 引导主题，它是可选的。

BootSwatch.com上的主题

关于BootSwatch.com上的主题：这些主题没有像那样实现bootstrap- theme.css。BootSwatch主题是原始的修改版本bootstrap.css。因此，您绝对不应同时使用BootSwatch中的主题和bootstrap-theme.css文件。

自订主题

关于您自己的自定义主题：bootstrap- theme.css创建自己的主题时，您可以选择进行修改。这样做可以更轻松地进行样式更改，而不会意外破坏任何内置的Bootstrap优点。