我在asp.net (.net框架)中使用引导程序4。当我从个人电脑上将网站视图更改为移动视图时,导航开关图标按钮就可以工作了。当我按下切换图标按钮时,导航栏的内容没有显示。导航条折叠标识与数据目标相同,但仍然不起作用,你能帮帮我吗?这是我的代码:
<nav id="navbar" class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="/index.aspx">
<img class="logo" src="img/Logo/logo_Rueston.png" alt="">
</a>
<button class="navbar-toggler" type="button" data-toggle="navbar-collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav navbar-center ml-auto">
<li class="nav-item ml-3">
<a class="nav-link" href="/index.aspx">Home<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item ml-3">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item ml-3">
<a class="nav-link" href="#">Products</a>
</li>
<li class="nav-item ml-3">
<a class="nav-link" href="#">Rueston Water</a>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item ml-3">
<a class="nav-link" href="#">
<asp:Label ID="lbLogin" runat="server" Text="Login"></asp:Label>
</a>
</li>
<li class="nav-item ml-3">
<a class="nav-link" href="#">
<asp:Label ID="lbSignup" runat="server" Text="SignUp"></asp:Label>
</a>
</li>
</ul>
</div>
</div>
</nav>下面是演示图片:
发布于 2019-08-14 09:54:03
将按钮中的data-toggle="navbar-collapse"更改为data-toggle="collapse"
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>https://stackoverflow.com/questions/57492269
复制相似问题