Html 引导导航栏在导航组件Vue中显示不正确

我在Vue组件中显示引导导航栏时遇到问题。它当前显示为堆叠的灰色按钮。就像它认为它是在一个小设备上

---

导航栏的完整代码可以找到。我不确定我遗漏了什么，非常感谢您的帮助。

您使用的是哪个版本的引导

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-controls="bs-example-navbar-collapse-1" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
</button>

---

在引导程序4.5中，导航栏切换按钮与您的按钮不同。然后，要根据导航栏样式更改按钮的图标颜色（查看），请在导航栏清晰的情况下添加

navbar light

，或者在导航栏昏暗的情况下添加

navbar dark

。

您使用的是哪个版本的引导

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-controls="bs-example-navbar-collapse-1" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
</button>

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

在引导程序4.5中，导航栏切换按钮与您的按钮不同。然后，要根据导航栏样式更改按钮的图标颜色（查看），请在导航栏清晰的情况下添加

navbar灯

，或者在导航栏昏暗的情况下添加

navbar暗。

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>


您的答案是正确的。我在看3.3版而不是4.5版的文档。谢谢你指出这一点。你的回答是正确的。我在看3.3版而不是4.5版的文档。谢谢你指出这一点。