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。