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

Question

3

我正在寻找一种简单的方法来使 Bootstrap v4 的导航标签垂直化（右侧或左侧），就像这个一样。
我发现的每个库或插件只能在 Bootstrap V3 上实现，而不能在 V4 上实现。

- Sagiv b.g

你可以将它旋转90度。这里有一个简单的方法： https://dev59.com/P2Uo5IYBdhLWcg3wvBiX - Naob

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- pjones235 · Answer 1

在 <ul> 元素中，将 flex-direction 从默认的 row 改为 column。以下是我最近在 Bootstrap 4 Beta 2 中设计的网站示例。在 alpha 版本中应该也可以正常工作。

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