我已經從此鏈接下載了 Bootstrap 的編譯 CSS 和 JS版本。將其解壓縮到我的項目根目錄中，并在我的 html 文件中引用它們。我的 html 文件現在是這樣的：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Todo Maker</title> <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="css/style.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script></head><body> <nav class="navbar navbar-inverse"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="#">WebSiteName</a> </div> <ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li> <li><a href="#">Page 1</a></li> <li><a href="#">Page 2</a></li> <li><a href="#">Page 3</a></li> </ul> </div> </nav></body><script src="bootstrap/js/bootstrap.min.js"></script></html>現在，如果我運行該頁面，則它不會正確顯示引導導航欄。它的顯示就像這個 屏幕截圖但如果我使用 cdn 來引導 css 和 js，那么它就可以完美工作。我究竟做錯了什么？=====編輯========經過一番挖掘后，我發現我無法在 bootstrap.min.css 或我下載的 bootstrap.css 文件中找到引導樣式。例如，我找不到類 .navbar-inverse的任何樣式。
1 回答
慕的地8271018
TA貢獻1796條經驗 獲得超4個贊
您需要在元素中包含.navbar-expand或類名才能使引導樣式起作用。.navbar-expand{-sm|-md|-lg|-xl}<nav>
然后，您還需要為導航鏈接添加正確的類名，如下所示：
??????<li?class="nav-item"> ????????<a?class="nav-link"?href="#">Page?1</a> ??????</li>
- 1 回答
- 0 關注
- 146 瀏覽
添加回答
舉報
0/150
提交
取消