小编典典

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

all

http://getbootstrap.com下载完整的 bootstrap 3
包后,我注意到主题有一个单独的 css 文件。如何利用它?请解释?

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


阅读 118

收藏
2022-08-21

共1个答案

小编典典

下载 Bootstrap 3.x 后,您将获得 bootstrap.cssbootstrap-theme.css
(更不用说这些文件的缩小版本也存在)。

引导程序.css

bootstrap.css如果您愿意,它的样式完全可以使用,并且可以随时使用。它可能有点简单,但它已经准备好并且就在那里。

如果您不想使用,则不需要使用 bootstrap-theme.css,一切都会好起来的。

引导主题.css

bootstrap- theme.css正是文件名试图暗示的内容:它是引导程序的主题,创造性地被认为是“引导程序主题”。文件的名称有点混淆,因为基础bootstrap.css已经应用了样式,并且我认为这些样式是默认样式。但是根据
Bootstrap 文档的示例部分中关于此文件的内容,该结论显然是不正确的bootstrap-theme.css

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

上面的引用在链接到这个示例页面 http://getbootstrap.com/examples/theme/ 的缩略图上
可以找到
http://getbootstrap.com/getting-
started/#examples

。这个想法是引导主题,它是可选的 。*
bootstrap-theme.css
*

BootSwatch.com 上的主题

关于 BootSwatch.com 上的主题:这些主题没有像bootstrap-theme.css. BootSwatch
主题是原始bootstrap.css. 所以,你绝对不应该同时使用 BootSwatch 的主题和bootstrap-theme.css文件。

自定义主题

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

2022-08-21