Angular UI Bootstrap4垂直选项卡

时间:2017-10-20 09:07:54

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

我的代码:

<uib-tabset class="tabs-left" vertical="true">
    <uib-tab heading="Basic" active="tabs[0].active"> 
    FIRST Tab </uib-tab>
    <uib-tab heading="Template" active="tabs[1].active"> 
    SECOND Tab </uib-tab>
</uib-tabset>

它正在水平生成标签。但我需要垂直,任何人都可以让我知道如何实现这一目标。提前谢谢。

1 个答案:

答案 0 :(得分:1)

通过在css中添加以下行,它将垂直显示。

.nav-stacked {
    display: block;
}