如何在bootstrap 3中使用bootstrap-theme.css？
从http://getbootstrap.com下载完整的bootstrap 3后，我注意到有一个单独的css文件的主题。 如何使用它？ 请解释？
我在我现有的引导项目中包含了bootstrap-theme.css ，但输出没有差别。
在下载Bootstrap 3.x之后，您将获得bootstrap.css和bootstrap-theme.css （更不用提这些文件的缩小版本了）。
bootstrap.css
bootstrap.css是完全风格和准备使用，如果这是你的愿望。 这也许有点简单，但它已经准备好了，它在那里。
你不需要使用bootstrap-theme.css，如果你不想，事情会很好。
自举theme.css
bootstrap-theme.css就是这个文件的名字：这是一个引导的主题，被创造性地认为是“引导主题”。 这个文件的名字混淆了一些东西，因为base bootstrap.css已经应用了样式，我认为这些样式是默认的。 但是这个结论显然是不正确的，因为Bootstrap文档的示例部分中bootstrap-theme.css了这个bootstrap-theme.css文件：
“加载可选的Bootstrap主题以增强视觉体验。”
上面的引用可以在这里findhttp://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文件中的一个主题。
自定义主题
关于您自己的自定义主题：创build自己的主题时，您可以select修改bootstrap-theme.css 。 这样做可能会更轻松地进行样式更改，而不会意外破坏任何内置Bootstrap善良。
有关css样式的示例，请参阅： http : //getbootstrap.com/examples/theme/
如果你想看看没有 bootstrap-theme.css文件的例子，请打开你的浏览器开发工具，并从示例的<head>中删除链接，然后你可以比较它。
我知道这是一个古老的问题，但只是为了防止任何人正在寻找一个像我这样的例子。
更新
bootstrap.css =主要的CSS框架（网格，基本样式等）
bootstrap-theme.css =扩展样式（3Dbutton，渐变等）。 这个文件是可选的，根本不会影响bootstrap的function，只会增强外观。
更新2
随着v3.2.0的发布，Bootstrap已经添加了一个选项来查看doc页面上的主题css。 如果您转到其中一个文档页面（ css ， components ， javascript ），您应该在侧面导航栏的底部看到一个“预览主题”链接，您可以使用该链接打开和closures主题CSS。
首先， bootstrap-theme.css与Bootstrap 3中的Bootstrap 2.x风格是等价的。如果你真的想使用它，只需要将它与bootstrap.css一起添加（缩小版本也可以）。
Bootstrap-theme.css是附加的CSS文件，可供您使用。 它给button和一些其他元素的3D效果。
正如其他人所说的，文件名bootstrap-theme.css非常混乱。 我会select类似bootstrap-3d.css或bootstrap-fancy.css的东西 ，这会更加描述它的实际function。 BootSwatch是一个完全不同的野兽，这个世界被看作是“Bootstrap主题”。
这样说，效果是相当不错的 – 渐变和阴影等。 不幸的是，这个文件会对BootSwatch Themes造成严重破坏，因此我决定深入研究如何使它们与它们相处得更好。
减
Bootstrap-theme.css是从Bootstrap源文件中的theme.less文件生成的。 受影响的元素（自Bootstrap v3.2.0开始）：
- 列出项目
- 纽扣
- 图片
- 下拉菜单
- 导航栏
- 警报
- 进度条
- 列表组
- 面板
- 韦尔斯
theme.less文件取决于：
@import "variables.less"; @import "mixins.less";
代码使用variables在几个地方定义的颜色，例如：
// Give the progress background some depth .progress { #gradient > .vertical(@start-color: darken(@progress-bg, 4%); @end-color: @progress-bg) }
这为什么bootstrap-theme.css完全混淆BootSwatch主题。 好消息是，BootSwatch主题也是从variables.less文件创build的，所以你可以简单地为你的BootSwatch主题build立一个bootstrap-theme.css。
构buildbootstrap-theme.css
正确的方法是更新主题构build过程，但这里是快速和肮脏的方式。 将Bootstrap源文件中的variables.less文件replace成Bootswatch主题文件中的variables文件，并构build它，并为您的Bootswatch主题提供一个bootstrap-theme.css文件。
build立Bootstrap本身
构buildBootstrap可能听起来令人望而生畏，但其实很简单：
- 下载Bootstrap源代码
- 下载并安装NodeJS
- 打开命令提示符并导航到引导源文件夹。 input“npm install”。 这会将“node_modules”文件夹添加到项目中，并下载所有需要的Node。
- 通过input“npm install -g grunt-cli”来全局安装grunt（-g选项）
- 将“dist”文件夹重命名为“dist-orig”，然后通过键入“grunt dist”来重build它。 现在检查是否有一个新的“dist”文件夹，其中包含所有需要使用自定义Bootstrap版本的文件夹。
完成。 看，那很容易，不是吗？
我知道这个职位是有点老，但…
正如“witttness”所指出的那样。
关于您自己的自定义主题创build自己的主题时，您可能会select修改bootstrap-theme.css。 这样做可能会更轻松地进行样式更改，而不会意外破坏任何内置Bootstrap善良。
我看到Bootstrap多年来所看到的每个人都想要一些与核心风格不同的东西。 虽然你可以修改bootstrap.css，但它可能会破坏一些东西，而且可能会使更新版本更新一个真正的痛苦和耗时。 从“主题”网站下载意味着， 如果创作者更新该主题， 则必须等待， 如果有时候更大，对吗？
有些构build自己的'custom.css'文件，这是可以的，但是如果你使用'bootstrap-theme.css'，很多东西已经被创build了，这样你就可以更快地打开你自己的主题'而不会破坏引导的核心的CSS。 我一个人不喜欢大多数时候的3Dbutton和渐变，所以使用bootstrap-theme.css来改变它们。 添加边距或填充，更改半径到您的button， 等等 …
一个相当古老的post，但我想我会增加我的两个主题的分毫。 可以理解的是，很多人（包括我自己）都喜欢使用自适应网格布局的引导框架，但我们也希望将自己与其他“ 开箱即用 ”的网站区分开来。 独特的引导主题和模板的可用性在过去几年已经爆炸。 我最近创build了自己的网站，提供了一些这些主题： http : //thetoolsmith.com （无耻的插件）
底线是，你仍然需要基本的引导框架，但是你可以修改或者添加样式到bootstrap-theme.css，这样它就可以和核心文件一起工作，但是你可以自己创build不同的外观和感觉。
