twitter-bootstrap - 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;
}