Bootstrap 4 可折叠导航栏在打开后消失
当我单击导航栏切换按钮时,它将打开,然后滑动动画将消失。我怎样才能解决这个问题? 谢谢 我试着从bootstrap网站粘贴响应的导航条形码,但仍然是相同的问题。我还尝试在关闭body标签之前将booststrap脚本移动到页面底部Bootstrap 4 可折叠导航栏在打开后消失,bootstrap-4,Bootstrap 4,当我单击导航栏切换按钮时,它将打开,然后滑动动画将消失。我怎样才能解决这个问题? 谢谢 我试着从bootstrap网站粘贴响应的导航条形码,但仍然是相同的问题。我还尝试在关闭body标签之前将booststrap脚本移动到页面底部 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=de
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="style.css" type="text/css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<body>
<!-- Nagigation -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container w-50 ml-0">
<a class="navbar-brand ml-5" href="#"><img src="images/music logo.png" class="w-25" alt="piano store logo"> Premium Pianos</a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#hello">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-center" id="hello">
<ul class="navbar-nav w-50 justify-content-around">
<li class="nav-item active">
<a href="#" class="nav-link">Features</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">How it works</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">Pricing</a>
</li>
</ul>
</div>
</nav>
</body>
</html>
-
-
-
你在找这个吗
引导示例
-
-
-
我刚刚从w3学校的例子中复制了head部分,这似乎很有效。这是令人困惑的,因为我研究了类似的问题,他们都说把jQuery脚本放在引导脚本之前,我就是这么做的。但是w3示例没有,但它能工作吗?