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 應用的強制規則。