Bootstrap Fixed Navigation Barがasp.net mvc5で動作しません

私はmvc5とbootstrap 3.7.7でconstroationでasp.netをしばらくは使っていますが、全く問題ありません。今までは、ブートストラップからの固定ナビゲーションバーを統合する際に問題に遭遇しました。ここでは私がhttps://www.w3schools.com/bootstrap/bootstrap_navbar.aspを参照しています。標準で生成された「_Layout.cshtml」テンプレートのスニペットをデフォルトで使用しました。Bootstrap Fixed Navigation Barがasp.net mvc5で動作しません

これは私の現在のCSHTMLコードです：

<!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 data-spy="scroll" data-target=".navbar" data-offset="50"> 
 
    <div class="navbar navbar-inverse navbar-fixed-top"> 
 
     <div class="container-fluid"> 
 
      <div class="navbar-header"> 
 
       @Html.ActionLink("navbar-brand", "Index", "Home", new { area = "" }, new { @class = "navbar-brand" }) 
 
      </div> 
 
      <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>    
 
     </div> 
 

 
     <ul class="nav navbar-nav"> 
 

 
      <li><a>@Html.ActionLink("About", "About", "Home")</a></li> 
 
      <li><a>@Html.ActionLink("Property Groups", "Index", "PropertyGroups")</a></li> 
 
      <li><a>@Html.ActionLink("Properties", "Index", "Property")</a></li> 
 
      <li><a>@Html.ActionLink("Property Values", "Index", "PropertyValues")</a></li> 
 
      <li><a>@Html.ActionLink("Upload CSV Files", "Index", "csvUpload")</a></li> 
 
      <li><a>@Html.ActionLink("Glimpse", "Index", "glimpse.axd")</a></li> 
 
      @Html.Partial("_LoginPartial") 
 
     </ul> 
 
    </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>

そして、私は私のFirefoxブラウザで取得 thisです。

出典

2017-10-04 badbyte

あなたの問題は、ナビゲーションバーのリンクが原因です。 @ Htmlを参照してください.ActionLinkはアンカータグを生成し、アンカータグ内に配置する必要はありません。

だからあなたの現在のリンクはHTMLで次のようになります。

ものです

<li><a href="/Home/About">About</a></li>

：これは、このHTML結果を生成する

<li>@Html.ActionLink("About", "About", "Home")</li>

：

<li><a><a href="/Home/About">About</a></a></li>

はにあなたのリンクを変更し

あなたは欲しい。だから、すべての開閉タグを取り除くだけで良いはずです。

出典

2017-10-04 14:52:28 Laiman

Bootstrap Fixed Navigation Barがasp.net mvc5で動作しません

答えて

関連する問題