为何我的Bootstrap导航栏无法正确呈现？

Question

我正在尝试使用Bootstrap 4制作一个导航栏，但我的代码似乎不起作用。我的代码几乎与教程完全一致，只对nav-brand进行了一些更改。我做错了什么？这是它的样子。

<nav class="navbar sticky-top navbar-light bg-light">
<a class="navbar-brand" href="/">
    <img src="/assets/logo/logo.svg" width="30" height="30" class="d-inline-block align-top"
        alt="">
    <b class="hojasdeplata">Fourteen Trees</b>
</a>
<ul class="navbar-nav">
    <li class="nav-item active">
        <a class="nav-link" href="#">Active</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="#">Link</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="#">Link</a>
    </li>
    <li class="nav-item">
        <a class="nav-link disabled" href="#">Disabled</a>
    </li>
</ul>

Answer 1

事实证明，我需要将nav-brand移到与其他导航一起的div中。