Bootstrap 主题与规则覆盖

什么是主题?

Bootstrap 有几种视觉外观,可以从 Bootswatch 等源代码中找到,它们正在修改 bootstrap.min.css 文件。你也可以通过这种方式创建自己的主题。

何时修改主题以及何时向 site.css 文件添加新规则?

什么时候修改

bootstrap.min.css

文件,以及何时添加自己的 .css 文件,如

site.css

无论你使用什么主题,有时都必须完成样式要求。这些规则应该放在你自己的 .css 文件中,比如 site.css ,所以可以改变主题,无论如何都可以应用来自 site.css 的规则。为此,你只需链接引导主题和你自己的规则,以覆盖现有主题:

<link href="../Content/bootstrap.min.css" rel="stylesheet">
<link href="../Content/site.css" rel="stylesheet">

这样,Bootstrap 主题可以随时更改,而不会丢失从 site.css 应用的强制规则。