BootStrap的导航栏 nav中遇到的问题

BootStrap的导航栏 nav中遇到的问题

1.导航栏的三条杠按钮没有出现样式，只有一个隐形的框

查看问题：在bootstrap.css中搜索 .navbar-toggler-icon 会发现它的样式是依赖于父级是nav-dark或nav-light下的，如果没有nav-dark或nav-light就不会应用其样式

解决办法：在类名为navbar的div中的class中，添加一个类叫做“nav-dark"/”nav-light“，即可

<div class="container">
            <!-- navbar 导航的父级 -->
            <!-- 一定要有nav-dark，nav-light的其中一个 -->
            <div class="navbar navbar-dark navbar-expand-md">
                <a href="#"><img src="./img/header/logo.png" alt="" class="navbar-brand"></a>
                <!-- 缩小时才出现的下拉菜单，md以下的时候才会出现 -->
                <button class="navbar-toggler" data-toggle="collapse" data-target="#xzmenu">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <!-- 菜单 可隐藏-->
                <div class="collapse navbar-collapse" id="xzmenu">
                    <div class="d-flex flex-wrap w-100">
                        <!-- 搜索框 -->
                        <div class="xz-search">
                            <input type="text" class="w-100 border-0">
                    </div>
                    </div>
                </div>
            </div>
        </div>