Question

在UI Bootstrap 14.3中使用垂直选项卡，如何将内容与选项卡右侧而不是选项卡下方对齐？

<uib-tabset vertical="true" type="pills">
    <uib-tab heading="Vertical 1">Vertical content 1</uib-tab>
    <uib-tab heading="Vertical 2">Vertical content 2</uib-tab>
</uib-tabset>

我尝试了class="tabs-left"，但这不起作用。

示例Plunker Example

Answer 1

这是Bootstrap。请参阅文档并添加您需要的样式：

.nav-tabs {
  float: left;
}

.contect-tabs {
  float: left;
}

取自de Angular UI Bootstrap的示例： http://embed.plnkr.co/k0kL7AjPFfSEM8m4EG9E/

UI Bootstrap uib-tabs面板右侧

1 个答案: