在超小尺寸屏幕中，我希望將 navbar-brand 和 navbar-nav 垂直堆疊。<nav class="navbar navbar-dark navbar-expand-sm bg-primary fixed-top">    <div class="container">        <a class="navbar-brand" href="#">Ristorante Con Fusion</a>        <ul class="navbar-nav mr-auto">            <li class="nav-item active"><a class="nav-link" href="#">Home</a></li>            <li class="nav-item"><a class="nav-link" href="./aboutus.html">About</a></li>            <li class="nav-item"><a class="nav-link" href="#">Menu</a></li>            <li class="nav-item"><a class="nav-link" href="#">Contact</a></li>        </ul>    </div></nav>但由于某種原因，它看起來像這樣如何在超小尺寸屏幕中擁有 navbar-brand 下的 navbar-nav？