2017-07-18 55 views
0

我有MVC 5項目生成內置bootstrap.css和Site.css文件。我正在嘗試添加在TWBSColor上生成的自定義顏色導航欄。我在位於Content文件夾中的Site.css文件中粘貼生成的代碼。我甚至將它命名爲.navbar-custom,而不是通常的.navbar或.navbar-inverse,只是爲了確保它不同。引導CSS重寫自定義CSS樣式

在我_Layout.cshtml我有

@Styles.Render("~/Content/css") 
@Scripts.Render("~/bundles/modernizr") 

,我在

<div class="navbar-custom navbar-brand navbar-fixed-bottom"> 

包裹必要的內容,但它仍然要麼顯示如果我使用逆白色的或黑色的。如何讓我的自定義導航欄工作?

+0

您已檢查在瀏覽器中輸出?它可能你有一個衝突的風格,你可能需要標記爲_important_比其他更多... – maccettura

+0

我不知道如何檢查,因爲當我檢查頂部div的類是'navbar-custom'並且那裏在bootstrap.css文件中沒有這樣的名字,但它仍然不顯示我選擇的顏色。 –

+2

確保您的site.css文件在引導CSS後列出。如果有任何衝突,我會知道最後一個條目 – Simon

回答

0

無論何時將bootstrap加載到項目中,都必須在引導後加載自定義CSS樣式表。下面是一個例子

<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 

<!-- Custom CSS File --> 
<link rel="stylesheet" href="fileName.css" /> 

如果這不能解決問題,請查看CSS特異性本教程

https://www.youtube.com/watch?v=fy07HYm-geM&index=6&list=PLqGj3iMvMa4IOmy04kDxh_hqODMqoeeCy

+0

我知道,但問題是我有ASP.NET項目,它調用所有css文件,它的'@ Styles.Render(「〜/ Content/css」)'.cshtml文件中,所以我不能設置哪一個首先被稱爲。 –

+0

有沒有辦法忽略ASP.net加載的文件?說你是否忽略了你的自定義樣式表,然後手動將它加載到模板視圖中? (我假設ASP.Net是一個框架?我不熟悉) –