此代碼在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>
uj5u.com熱心網友回復：
將以下鏈接添加到您的 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>轉載請註明出處，本文鏈接：https://www.uj5u.com/net/484775.html