Html 图标栏类没有'；t在按钮中显示该行

我有一个导航栏，里面有一个汉堡包按钮，它和引导程序一起提供 那是

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

但是，当我移除

导航栏切换图标

类并应用

图标栏

时，按钮不见了。但在控制台中，它显示有一个非常小的按钮。我已经添加了图像以供参考。

编辑： 这很好用

---

但在该代码中，如果我从

导航栏切换图标

更改为

图标栏

，按钮又小又小

问题在于

引导版本

，在您的小提琴中，您使用的是

引导v4 alpha

，而类

图标栏

在

v4

中不再存在

现在，如果您想使用

bootstrapv3

类，您需要将

bootstrapv4

文件替换为

twitter-bootstrap-v3

用于引导v3

并使用以下代码

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>
</button>

你能提供一个可用的提琴吗？检查fiddle@abhishekpandey图标栏没有css规则。我已经在v4 alpha上设计了导航栏，如果我现在使用v3，我的导航栏就完全不同了。有没有办法让它发挥作用？我尝试添加CSS规则，但什么都没有发生。我想这是因为您还没有根据

v3

更改html中的类。如果您正处于项目的初始阶段，并且对

v4

不太熟悉，我建议您使用

v3

重新启动项目，或者如果您仍然想使用

v4

，那么首先调用

v3

样式表，然后调用

v4

样式表。但是使用这两个版本并不是一个好的实践。您尝试了什么？请查看本教程我知道导航栏是如何工作的。我告诉他，我尝试先添加v3，然后再添加v4，并测试了我的站点。我仍然有问题。不要在HTML中使用任何“v4”类，例如“navbar toggler”而不是“navbar toggler”。看小提琴