图像未出现 - Bootstrap NavBar

Question

我无法在我的 bootstrap 导航栏中插入图像，只出现我的替代屏幕，知道如何解决这个问题吗？ Bootstrap：CDN 5.0 测试版

截图：

代码：

.nav-link{
    color:chartreuse;
    font-family: 'DotGothic16', sans-serif;
}
.navbar-brand{
    color: darkviolet;
}
.nav-item:hover{
    color: chocolate;
}
.navbar-brand:hover{
    color:tomato;
}
.navbar{
    position: sticky;
}
#brand{
    width: 40px;
}
#home{
    position:relative;top:-10px
}
nav{
    height: 50px;
}

<nav class="navbar navbar-expand-sm bg-dark">

        <!-- Links -->
        <ul class="navbar-nav">
            <li class="navbar-brand">
                <a class="nav-link" href="#">
                    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32w" fill="currentColor" id="home"
                        class="bi bi-house-door" viewBox="0 0 16 16">
                        <path
                            d="M8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4.5a.5.5 0 0 0 .5-.5v-4h2v4a.5.5 0 0 0 .5.5H14a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146zM2.5 14V7.707l5.5-5.5 5.5 5.5V14H10v-4a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v4H2.5z" />
                    </svg>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">
                    Link 1
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">
                    Link 2
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">
                    Link 3
                </a>
            </li>
        </ul>

    </nav>

我试过用imgur.com把它放到网上（这里是Imgur Image。）但还是不行... 然后我使用了我从 Bootstrap Icons 获得的图标（SVG 格式）并且它起作用了！

我在浏览器中使用控制台 window 检查过，这是正确的系统路径。我还调整了它的大小，想知道这是不是问题所在，但 bootstrap 通常会自动调整图像大小以适应它们。我也尝试过使用不同的浏览器。

这是我想做的编辑:D

Answer 1

尝试使用 root link，例如 src="/path-to-images/image-name"
通过在开发控制台中单击它从页面打开图像 -> 在新选项卡中打开。路径将 100% 错误

图像未出现 - Bootstrap NavBar

Image not appearing - Bootstrap NavBar

html

css

bootstrap-5