Twitter bootstrap 引导导航栏不会切换,品牌也会随之移动
嗨,我试着用bootstrap切换菜单,但如果我按下按钮,它只会切换0.35秒,然后消失,或者说它没有显示更好。 此外,如果切换navbar brand按钮是与menupoint的其余部分切换的,则也是如此Twitter bootstrap 引导导航栏不会切换,品牌也会随之移动,twitter-bootstrap,bootstrap-4,Twitter Bootstrap,Bootstrap 4,嗨,我试着用bootstrap切换菜单,但如果我按下按钮,它只会切换0.35秒,然后消失,或者说它没有显示更好。 此外,如果切换navbar brand按钮是与menupoint的其余部分切换的,则也是如此 菜单 品牌创建 试试这个 <nav class="navbar navbar-expand-md"> <button class="btn Menu-button navbar-brand">branding</button>
菜单
-
-
-
-
品牌创建
试试这个
<nav class="navbar navbar-expand-md">
<button class="btn Menu-button navbar-brand">branding</button>
<button class="btn Menu-button navbar-toggler" data-toggle="collapse" data-target="#menupoint">Menu</button>
<div class="collapse navbar-collapse" id="menupoint">
<ul class="navbar-nav ml-3">
<li class="nav-item">
<a href="/" class="nav-link">Home</a>
</li>
<li class="nav-item">
<a href="/gallery" class="nav-link">artist</a>
</li>
<li class="nav-item">
<a href="/buySell" class="nav-link">buy</a>
</li>
<li class="nav-item">
<a href="/contact" class="nav-link">contact</a>
</li>
</ul>
</div>
</nav>
品牌创建
菜单
-
-
-
-
我不知道class菜单按钮在这里做什么,但是你说当你按下按钮时,它只会切换0.35秒,然后消失,也许你通过使用这个类或执行某种jquery操作来放置某种动画。最好检查一下这个。
还有一件事,如果你正在使用引导,那么就按照它的方式使用它。我的意思是,如果你想要一个带有切换效果的导航条,那么你可以这样做
<nav class="navbar navbar-expand-md bg-dark navbar-dark">
<a class="navbar-brand" href="#">Navbar</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
</ul>
</div>
</nav>
-
-
-
或者您也可以点击此链接: