此代码在https://getbootstrap.com/docs/4.1/components/navbar/中完美运行,但是当我复制它时,菜单没有打开,或者它打开和关闭
<div class="container">
<nav class="navbar navbar-expand-md navbar-light">
<a href="#" class="navbar-brand"> Flavio </a>
<button
class="navbar-toggler"
type="button"
data-toggle ="collapse"
data-target = "#toggleMobileMenu"
aria-controls = "toggleMobileMenu"
aria-expanded = "false "
aria-lable = "toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="toggleMobileMenu">
<ul class="navbar-nav">
<li>
<a class="nav-link" href="#">Pricing </a>
</li>
<li>
<a class="nav-link" href="#">Contact</a>
</li>
<li>
<a class="nav-link" href="#">Download </a>
</li>
</ul>
</div>
将以下链接添加到您的 HTML 文件中,它将正常工作。
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script>
像这样:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
<div class="container">
<nav class="navbar navbar-expand-md navbar-light">
<a href="#" class="navbar-brand"> Flavio </a>
<button
class="navbar-toggler"
type="button"
data-toggle ="collapse"
data-target = "#toggleMobileMenu"
aria-controls = "toggleMobileMenu"
aria-expanded = "false "
aria-lable = "toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="toggleMobileMenu">
<ul class="navbar-nav">
<li>
<a class="nav-link" href="#">Pricing </a>
</li>
<li>
<a class="nav-link" href="#">Contact</a>
</li>
<li>
<a class="nav-link" href="#">Download </a>
</li>
</ul>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句