為何我的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中。