Bootstrap v4.0.0-alpha.5垂直导航标签

时间:2016-12-01 07:17:16

标签: twitter-bootstrap tabs bootstrap-4 bootstrap-tabs

我正在寻找一种简单的方法来将 Bootstrap v4 的导航标签设置为垂直(右侧或左侧),
this非常相似。

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

1 个答案:

答案 0 :(得分:0)

<ul>元素中,将flex directionrow更改为column(默认情况下为row)。这是我最近在Bootstrap 4 Beta 2中设计的网站的一个例子。应该可以正常使用alpha。

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