Bootstrap 4从左至右依次展开

Question

我一直在寻找bootstrap 4文档，因为我想切换一个div来收缩并从左向右展开，但我只找到了一个切换开关，并在顶部展开。

以下是我发现：

<div class="pos-f-t"> 
    <div class="collapse" id="navbarToggleExternalContent"> 
    <div class="bg-dark p-4"> 
     <h4 class="text-white">Collapsed content</h4> 
     <span class="text-muted">Toggleable via the navbar brand.</span> 
    </div> 
    </div> 
    <nav class="navbar navbar-dark bg-dark"> 
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation"> 
     <span class="navbar-toggler-icon"></span> 
    </button> 
    </nav> 
</div> 

我怎样才能做到这一点左单击按钮时向右扩大？

Answer 1

这是可能的，还有被人做了一个很好的例子，在Codeply在这里你可以做一些黑客与.navbar-collapse.show和.navbar-collapse.collapsing覆盖默认的转换方向。

更新：更好的一个，有详细的解释here。