Pourquoi ma barre de navigation Bootstrap ne s'affiche-t-elle pas correctement ?

Question

J'essaie de créer une barre de navigation en utilisant Bootstrap 4, mais mon code ne semble pas fonctionner. Mon code est presque identique au tutoriel, avec juste quelques modifications apportées à nav-brand. Qu'ai-je fait de mal? Voilà à quoi cela ressemble.

<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

Il s'avère que je devais déplacer nav-brand dans un div avec l'autre navigation.