Bootstrap v4.0.0-alpha.5 垂直导航选项卡

Question

我正在寻找一种简单的方法来让 Bootstrap v4 的导航选项卡垂直（右或左），
与this 几乎相同。

我发现的每个库或插件都只能在 bootstrap 的 V3 而不是 V4 上执行此操作。

Answer 1

在<ul> 元素中，将flex direction 从row 更改为column（默认为row）。这是我最近在 Bootstrap 4 Beta 2 中设计的一个网站的示例。在 alpha 中应该可以正常工作。

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