無法重寫Bootstrap類？

我想增加網站的字體大小，我似乎無法覆蓋默認的CSS。以下是使用開發人員工具查看時應用的CSS屏幕截圖。我正在嘗試將大小增加到14px。我已經嘗試了幾種不同的CSS樣式，沒有任何運氣。每次我測試它時，我也清除了瀏覽器緩存。無法重寫Bootstrap類？

在我的LESS文件我有以下幾點：

@font-size-base: 14px;

我試着將我的LESS文件中的以下還有：

div.container.body-container{ 
    font-size: @font-size-base !important; 
} 

AND 

.container.body-container{ 
    font-size: @font-size-base !important; 
} 

AND 

.body-container{ 
    font-size: @font-size-base !important; 
}

你可以看到一些被覆蓋字體使它成爲11px。

***** UPDATE *****

這裏是從包的條目。 site.css位於Bootstrap.css文件之後。

bundles.Add(new StyleBundle("~/Content/css").Include(
         "~/Content/bootstrap.css", 
         "~/Scripts/ui/jquery-ui.css", 
         "~/Content/site.css"));

來源

2017-10-12 Caverman

你檢查過，如果元素有內聯的CSS？ –

@MarcAlexander ......這基本上是在某種程度上。 – Caverman

很高興我能幫忙:) –

當您將CSS/LESS文件包含在HTML中時，請確保它在Bootstrap CSS/LESS之後。

來源

2017-10-12 17:43:03

嘗試將您的css文件放在另一個index.html文件中。

來源

2017-10-12 17:43:35

正如其他人所提到的，檢查您的CSS調用順序。但是，在您的屏幕截圖中，字體大小繼承.body-content，而不是.body-container。

來源

2017-10-12 17:53:10 htmlmonkey

感謝您的所有建議。我正在接管一個項目，而我之前的開發人員根本沒有使用樣式表，一切都是內聯樣式。根據上面的建議，我找到了我從未想過要看的內聯樣式。他們將內聯樣式直接放在_Layout.cshtml頁面的容器中。我刪除了內聯樣式，它工作。

<div class="container body-content" style="font-size:11px"> 
    @RenderBody() 
</div>

來源

2017-10-12 17:57:52 Caverman

無法重寫Bootstrap類？

回答

相關問題