引导程序不起作用：导航栏未正确加载答案

【问题标题】：Bootstrap not working: Navbar not loading properly引导程序不起作用：导航栏未正确加载
【发布时间】：2021-09-03 08:28:33
【问题描述】：

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>

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

编辑：Bootstrap navbar not loading properly

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

【问题讨论】：

你添加了 jquery 吗？你也应该添加它。参考->w3schools.com/bootstrap/bootstrap_get_started.asp

标签： html css twitter-bootstrap navbar

【解决方案1】：

哎呀！我真是个大白痴。我没有使用jsfiddle。我尝试过这个。现在可以了。但我还有 1 个问题：如果我使用深色 bg 类，我的文本实际上仍然是黑色的。 bootstrap 是否提供此功能或需要手动编码？

【讨论】：