Bootstrap固定导航栏不能用于asp.net mvc5

我一直在使用mvc5和bootstrap 3.7.7的星座asp.net工作一段时间，而且根本没有任何问题。到目前为止，我已经遇到了从bootstrap集成固定导航栏的问题，这里是我参考https://www.w3schools.com/bootstrap/bootstrap_navbar.asp的示例，并且我在标准生成的“_Layout.cshtml”模板中使用了该片段，默认情况下给了我这个模板。Bootstrap固定导航栏不能用于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><a href="/Home/About">About</a></a></li>

更改链接：

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

这将产生此HTML结果：

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

那是什么你要。所以，只需删除所有打开和关闭锚点标记，它应该没问题。

来源

2017-10-04 14:52:28 Laiman

Bootstrap固定导航栏不能用于asp.net mvc5

回答

相关问题