从http://getbootstrap.com下载完整的bootstrap 3包后,我注意到有一个单独的主题CSS文件。如何利用它?请解释?
我已包含bootstrap-theme.css
在现有的引导程序项目中,但是输出没有差异。
从http://getbootstrap.com下载完整的bootstrap 3包后,我注意到有一个单独的主题CSS文件。如何利用它?请解释?
我已包含bootstrap-theme.css
在现有的引导程序项目中,但是输出没有差异。
Answers:
下载Bootstrap 3.x后,您将获得bootstrap.css和bootstrap-theme.css(更不用说这些文件的缩小版本了)。
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优点。