下面是我的网站菜单的屏幕截图。在我的移动版本的网站中,我试图删除这四个大标签之间的界限,并使它们与上面的Home标签相同。NavBar无法在移动版本中正常工作
这里是我的代码:
<div class="navbar navbar-inverse navbar-fixed-top">
<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("Home", "Index", "Home", new { area = "" }, new { @class = "navbar-brand" })
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>@Html.ActionLink("About", "About", "Home")</li>
<li>@Html.ActionLink("Contact", "Contact", "Home")</li>
</ul>
@Html.Partial("_LoginPartial")
</div>
</div>
</div>
,这里是我的_LoginPartial.cshtml的代码文件
<ul class="nav navbar-nav navbar-right" >
<li>
@using (Html.BeginForm("index", "App", FormMethod.Post, new { id = "seminarForm", @class = "navbar-form" }))
{ @Html.AntiForgeryToken()
<a class="btn btn-default" href="javascript:document.getElementById('seminarForm').submit()">Seminar</a>
@*@<li>@Html.ActionLink("Seminars", "index", "App")</li> *@
}
</li>
</ul>
看起来你正在使用的导航栏3.X,而不是[引导4导航栏(https://getbootstrap.com/docs/4.0/components/navbar/) – ZimSystem
你有适当的CSS和JS加载在您的网页? https://getbootstrap.com/docs/4.0/getting-started/introduction/ – mlegg