引导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; 
 
}