span.icon-栏未显示在浏览器中

Question

我正在尝试使用 Bootstrap class="icon-bar" 但它没有显示在屏幕上。元素出现在屏幕中，但默认高度和宽度显示为 0。

我在 Stack Overflow 和不同网站上遇到了多个问题，但没有任何帮助。

代码如下：

</head>
<body>
    <nav class="navbar navbar-default navbar-fixed-top bg-light">
        <div class="containter">
            <button type="button" class ="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                   <span class="sr-only">Toggle navigation</span>
                   <span class="icon-bar"></span>
                   <span class="icon-bar"></span>
                   <span class="icon-bar"></span>
            </button>
        </div>
   </nav>
</body>

图片：

我关注的链接：

Bootstrap icon-bar not showing

Answer 1

正如@Akhi 在评论中所回答的那样，Bootstrap 4.

中没有 span.icon-bar

相反，我们需要使用 class：<span class="navbar-toggler-icon"></span>

这样做解决了我的问题。

span.icon-栏未显示在浏览器中

span.icon-bar not being displayed in the browser

html

css

icons

navigationbar

bootstrap-4