引导程序不工作:导航栏加载不正确

Question

Soo，我是Bootstrap的初学者。我正在为我的应用程序创建一个网站。侧边栏工作正常(它不是引导程序侧边栏，我自己做的(。但是导航栏根本不起作用。如果我使用5.1.0，则仅显示切换按钮和名称。这个名字并没有完全显示出来。如果我使用旧版本，它只是随机放置它们，并将它们的颜色设置为蓝色。

我现在正在使用锅炉代码进行测试。

<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">Navbar</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
</li>
</ul>
</div>
</div>
</nav>

进口：

<link rel="stylesheet" href="class.css">
<script src="class.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

前两个是我自己的侧边栏代码。如果需要，请告诉我是否需要发布我的整个代码。

编辑：引导导航栏未正确加载

类似的问题，但这个问题的答案不起作用

Answer 1

哎呀！我真是个大白痴。我没有用jsfiddle。我试过了，现在有效了。但我还有一个问题：如果我使用深色bg类，我的文本实际上仍然是黑色的。bootstrap是否提供手动编码？