引導V4.0.0-alpha.5垂直導航的選項卡

Question

我在尋找一種簡單的方法來獲得引導V4的導航舌，以垂直（左側或右側），
幾乎相同this 。

我發現的每個庫或插件都只能在引導程序的V3而不是V4上執行此操作。

Answer 1

在<ul>元素中，將flex direction從row更改爲column（默認爲row）。下面是我最近在Bootstrap 4 Beta 2中設計的一個網站的例子。應該在alpha中工作得很好。

.navbar-expand-md .navbar-nav { 
 
    flex-direction: column; 
 
}