小编典典

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

css

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

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


阅读 915

收藏
2020-05-16

共1个答案

小编典典

下载Bootstrap 3.x后,您将获得 bootstrap.cssbootstrap-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优点。

2020-05-16