Warum wird meine Bootstrap-Navigationsleiste nicht richtig gerendert?

Question

Ich versuche, mit Bootstrap 4 eine Navigationsleiste zu erstellen, aber mein Code scheint nicht zu funktionieren. Mein Code ist fast identisch mit dem Tutorial, mit nur ein paar Änderungen an nav-brand. Was habe ich falsch gemacht? So sieht es aus.

<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中。