Question

我有一个奇怪的问题，导航栏切换图标拒绝显示。它曾经显示过它，但突然间有些东西让它消失了。 JS 正在工作，它确实打开了菜单，但图标本身拒绝显示。请原谅我糟糕的内联样式和糟糕的引导程序，这是我制作的第一个网站，并且仍在学习中。

<div class="container-fluid">
<nav class="navbar navbar-expand-md fixed-top navbar-dark bg-dark">
    <a href="#" class="navbar-brand mx-3">
        <img src="img/brand_logo.png" class="d-inline-block align-top w-25 me-3" alt="Brand Logo" style="width: 5%">
        <span style="
        letter-spacing: 5px;
        text-shadow: 2px 2px #105cd9;
        font-size: 115%;
        font-family: 'Bebas Neue', cursive;
        ">
            <b>Test Website</b>
        </span>
    </a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarMenu" aria-controls="navbarMenu" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarMenu">
        <ul class="navbar-nav">
            <li class="nav-item">
                <a href="#" class="nav-link">Home</a>
            </li>
            <li class="nav-item"><a href="#personalInfo" class="nav-link">Personal Info</a></li>
            <li class="nav-item"><a href="#skills" class="nav-link">Skills</a></li>
            <li class="nav-item"><a href="#education" class="nav-link">Education</a></li>
            <li class="nav-item"><a href="#workExperience" class="nav-link">Work Experience</a></li>
            <li class="nav-item"><a href="#recommendations" class="nav-link">Recommendations</a></li>
        </ul>
    </div>
</nav>

Bootstrap 5 汉堡图标不显示（导航栏切换图标有问题）

0 个答案: