MVC ASP.NET Visual Studio如何覆蓋bootstrap.css文件

Question

M試圖在Visual Studio 2013中使用Mvc asp.net建立一個網站。我已經將css文件“ style.css”捆綁到該項目中，但是我的網站在標頭和其他重要元素周圍有不希望的空白和空白。盡管在我的CSS中設置margin：0。 我發現默認情況下項目中的bootsrap.css文件導致了此問題。 如何覆蓋bootstrap.css文件？ 因為它用於標題和容器之類的主要元素，所以具體化無濟於事。 我是初學者。 請幫我解決。

Answer 1

將style.css的<link />元素放在bootstrap元素之后。 樣式是按順序應用的，因此您的style.css文件將應用於引導樣式。

Answer 2

創建您自己的自定義css文件，並將其放置在bundle config中的bootstrap.css文件之后。 當瀏覽器渲染時，引導程序首先渲染，然后您的自定義CSS渲染並覆蓋bootstrap的CSS

Answer 3

如果看到沒有考慮屬性，則可以在樣式項中添加“！important”標記。

https://css-tricks.com/when-using-important-is-the-right-choice/

Answer 4

將Style.css放在bootstrap.css之后例如： <link href="css/bootstrap.min.css" rel="stylesheet" /> <link href="css/style.css" rel="stylesheet" />

Answer 5

1. CSS文件的順序很重要。
2. 確保文件名完全匹配（注意大小寫）。 例如，如果您在'Content'文件夾中有style.css文件，並且輸入~/Content/Style.css ，那么它將不起作用。 替換第一個大寫字母“ S”。

3. 確保在BundleConfig.cs具有正確的文件文件夾名稱。轉至BundleConfig.cs並將~/Content/css部分替換為以下代碼：

    bundles.Add(new StyleBundle("~/Content/css").Include( "~/Content/bootstrap.css", "~/Content/Site.css", "~/Content/style.css"));