如何在bootstrap 3中使用bootstrap-theme.css?
下载完整的bootstrap3包后,我注意到有一个单独的主题CSS文件。如何利用它?请解释?
我已包含bootstrap-theme.css
在现有的引导项目中,但是输出没有任何区别。
回答:
下载Bootstrap 3.x后,您将获得 和
(更不用说这些文件的缩小版本了)。
bootstrap.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上的主题:这些主题没有像那样实现bootstrap-
theme.css。BootSwatch主题是原始的修改版本bootstrap.css
。因此,您绝对不应同时使用BootSwatch中的主题和bootstrap-theme.css
文件。
关于您自己的自定义主题:bootstrap-
theme.css创建自己的主题时,您可以选择进行修改。这样做可以更轻松地进行样式更改,而不会意外破坏任何内置的Bootstrap优点。
以上是 如何在bootstrap 3中使用bootstrap-theme.css? 的全部内容, 来源链接: utcz.com/qa/428455.html