Html 导航栏切换图标不以角度显示2

我有个问题我有我的切换杆

当我把一些东西放进spann时，它不会切换。 看起来是这样的

这就是我的代码，我做错了什么

<div class="row">
        <div class="col">
            <nav class="navbar navbar-expand-lg navbar-light bg-company-red">

                <button class="navbar-toggler" type="button" >
                    <span class="navbar-toggler-icon">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </span>

                </button>

                <div id="navbar-menu" class="collapse navbar-collapse float-xs-none">
                    <ul class="navbar-nav">
                        <img src="assets/logo.png" hspace="20" style="width:50px;height:50px; ">
                        <li class="nav-item">
                            <a class="nav-item nav-link text-uppercase" routerLink="/home" routerLinkActive="active">
                                <span translate>Home</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-item nav-link text-uppercase" routerLink="/gallery" routerLinkActive="active">
                                <span translate>order</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-item nav-link text-uppercase" routerLink="/contact" routerLinkActive="active">
                                <span translate>order</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </nav>
        </div>
    </div>

家


秩序


秩序

你所说的“当我将某个内容放入范围时，它不会切换”是什么意思？看起来这是因为该范围实际上就是按钮，因此，将内容放入范围时，你只是将文本添加到按钮中。您可以知道，因为在范围内，有更多的范围，每一个都是按钮的一行。您可能需要创建另一个div，一旦单击该按钮，它就会显示自己@BasavarajBhusani在我放的第二张图片中，我在图片中添加了“AAAA，bbb，cccc”span@nonexistent我试过这样做，但仍然是一样的：/你能为你试图做的事情添加代码吗？你能解释一下你到底想做什么吗？您是否正在尝试使其能够切换菜单的查看？