从http://getbootstrap.com下载完整的 bootstrap 3 包后,我注意到主题有一个单独的 css 文件。如何利用它?请解释?
我包含bootstrap-theme.css在我现有的引导项目中,但输出没有区别。
bootstrap-theme.css
下载 Bootstrap 3.x 后,您将获得 bootstrap.css 和 bootstrap-theme.css (更不用说这些文件的缩小版本也存在)。
bootstrap.css如果您愿意,它的样式完全可以使用,并且可以随时使用。它可能有点简单,但它已经准备好并且就在那里。
bootstrap.css
如果您不想使用,则不需要使用 bootstrap-theme.css,一切都会好起来的。
bootstrap- theme.css正是文件名试图暗示的内容:它是引导程序的主题,创造性地被认为是“引导程序主题”。文件的名称有点混淆,因为基础bootstrap.css已经应用了样式,并且我认为这些样式是默认样式。但是根据 Bootstrap 文档的示例部分中关于此文件的内容,该结论显然是不正确的bootstrap-theme.css:
bootstrap- theme.css
“加载可选的 Bootstrap 主题以获得视觉增强的体验。”
上面的引用在链接到这个示例页面 http://getbootstrap.com/examples/theme/ 的缩略图上 可以找到 http://getbootstrap.com/getting- started/#examples 。这个想法是引导主题,它是可选的 。* bootstrap-theme.css *
关于 BootSwatch.com 上的主题:这些主题没有像bootstrap-theme.css. BootSwatch 主题是原始bootstrap.css. 所以,你绝对不应该同时使用 BootSwatch 的主题和bootstrap-theme.css文件。
bootstrap-theme.css关于您自己的自定义主题:您可以在创建自己的主题时选择修改。这样做可以更容易地进行样式更改,而不会意外破坏任何内置的 Bootstrap 优点。