我想知道为什么我的移动网站navbar无法按我的意愿关闭和打开。当用户单击这三个栏时,它应该在移动视图中关闭和打开,但将无法使用。这是导航栏的代码:
这是我的网站。只需调整它的大小,您就会看到它只留在那儿,不会像我想要的那样关闭。
这是网站:http : //edgaraxe.net/
<div class = "navbar navbar-default navbar-static-top" >
<div class = "container">
<!--Navigation -->
<div class="navbar-header">
<a class="navbar-brand">Edgar Axelsson</a>
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div>
<div class "collapse navbar-collapse navHeaderCollapse">
<ul class = "nav navbar-nav navbar-right">
尝试在数据目标上使用id。尝试
<button class="navbar-toggle" data-toggle="collapse" data-target="#testnavbar" aria-expanded="true">
在您的按钮上
<div class="collapse in" "collapse="" navbar-collapse="" navheadercollapse"="" id="testnavbar" aria-expanded="true">
在您的div上
另外,请注意,您的div在类上没有=-似乎是一个错字,因此div行应如下所示:
<div class="collapse navbar-collapse navHeaderCollapse" id="testnavbar">
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句