Bootstap 4，右侧带有可折叠导航栏

Question

我将浏览器的屏幕尺寸调整为可移动。当我单击折叠按钮时，bootstrap4导航栏显示从顶部到底部崩溃。我想显示右侧的所有菜单或链接。 请帮我怎么做

<nav class="navbar navbar-expand-md bg-dark navbar-dark">
<a class="navbar-brand" href="#">Navbar</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data- 
 target="#collapsibleNavbar">
    <span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavbar">
    <ul class="navbar-nav">
        <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" href="#">Link</a>
        </li>    
   </ul>
</div>