2017-02-09 56 views
0

私は私が使用しているナビゲーションバーでの私のテキストの色を変更する問題を抱えていて、これは私の現在のレイアウトのコードです:MVC - 3.0ブートストラップ - 変更ナビゲーションバーのテキスト

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>@ViewBag.Title - My ASP.NET Application</title> 
    @Styles.Render("~/Content/css") 
    @Scripts.Render("~/bundles/modernizr") 

</head> 
<body> 
    <div class="navbar navbar-fixed-top" style="background-color:#61B00D;"> 
     <div class="container"> 
      <div class="navbar-header"> 
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
        </button> 

        @Html.ActionLink("Application name", "Index", "Home", new { area = "" }, new { @class = "navbar-brand" }) 
      </div> 
      <div class="navbar-collapse collapse"> 
       <ul class="nav navbar-nav"> 
        <li>@Html.ActionLink("Home", "Index", "Home")</li> 
        <li>@Html.ActionLink("About", "About", "Home")</li> 
        <li>@Html.ActionLink("Contact", "Contact", "Home")</li> 
       </ul> 
       @Html.Partial("_LoginPartial") 
      </div> 
     </div> 
    </div> 
    <div class="container body-content"> 
     @RenderBody() 
     <hr /> 
     <footer> 
      <p>&copy; @DateTime.Now.Year - My ASP.NET Application</p> 
     </footer> 
    </div> 

    @Scripts.Render("~/bundles/jquery") 
    @Scripts.Render("~/bundles/bootstrap") 
    @RenderSection("scripts", required: false) 
</body> 
</html> 

とスタイル:バックグラウンド私の体のトップdiv内の色はうまくいきますが、色を追加すると、その背後に白い部分があり、それはナビゲーションバーのテキストには影響しません。ちょうどこの奇妙な青い色のままです。

私は私のカスタムCSSファイル(teststylesheet.css)に入ってみましたし、やった:

.nav.navbar-nav li { 
    background-color:#61B00D; color:crimson 
} 

が、何も起こりませんでした。私はCSSとHTMLの新人だと認めますが、私は非常に明白な、非常に間違ったことをしているように感じます。

すべてのヘルプは大歓迎です!

編集:stylesheet.cssにヒントを追加しようとしましたが、何も起こりませんでした。

+0

あなたの質問に関連するHTMLとCSSを投稿してください。 –

+0

添付された画像には関連するHTMLコードが表示され、試行されたCSSはOPに書き込まれます。他に何を追加すべきかわからない – Fross

+0

navbarのhtmlとnav内のすべての要素のCSS。画像やコードを外部リンクに掲載することは、有効期限が切れてしまうため、ここでは受け付けられません。そのため、長期的には同じ問題を抱えている他の人には役に立たなくなります。 –

答えて

0

あなたのナビゲーションバー内のテキストがリンクされている、あなたはこのようなアンカーリンクをターゲットにする必要がありと仮定:

.nav li a { 
    color: #FFF; 
} 
+0

はあなたの提案を私のCSSスタイルシートに追加しようとしましたが、テキストの色は変更されませんでした。 – Fross

+0

上記のコードスニペットをお試しください。クラス間にスペースを追加するのを忘れてしまった。 –

+0

更新コードも試しましたが、残念ながら何も起こりませんでした。 navのcssを全て追加するのは標準ブートストラップ3.0シートを除いてありません。 – Fross

関連する問題