我是前端的新手。我不明白為什么這個檔案不能像位于bootstrap網站上的例子那樣作業https://getbootstrap.com/docs/5.1/components/navbar/(外部內容)。我在網站Codeply上寫了那段代碼,在那里作業。你能告訴我如何解決這個問題嗎?
<! DOCTYPE html>
<html lang="en">
<head>/span>
<meta charset="UTF-8">/span>
<meta name="viewport" content="width=device width, initial-scale=1. 0">
< link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"/span> rel="styleheet" integrity="sha384- F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous"/span>>
<title>Document</title>
</head>/span>
<body>
< div class="collapse" id="navbarToggleExternalContent">
<div class="bg-dark p-4"/span>>
<h5 class="text-white h4"/span>> 折疊的內容</h5>。
<span class="text-muted">/span>可通過導航欄品牌切換。 </span>可通過導航欄品牌切換。
</div>/span>
</div>/span>
<nav class="navbar navbar-dark bg-dark"/span>>
<div class="container-fluid">/span>
< button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation"/span>>
<span class="navbar-toggler-icon"/span>> </span>>
</button>
</div>
</nav>
</body>/span>
</html>
謝謝你))
uj5u.com熱心網友回復:
在body中添加JS檔案,我們需要JS的互動性
< script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"/span> integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ"/span> crossorigin="anonymous"/span>> </script>
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/309209.html
標籤:
