UI Bootstrap uib-tabs 面板右侧答案

【问题标题】：UI Bootstrap uib-tabs panel rightUI Bootstrap uib-tabs 面板右侧
【发布时间】：2015-12-03 06:25:42
【问题描述】：

在 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

【问题讨论】：

您能否提供一个 jsfiddle/一个您遇到的问题的示例，以便我们可以解决一些问题？
Plunker 添加到问题

标签： css angularjs twitter-bootstrap twitter-bootstrap-3 angular-ui-bootstrap

【解决方案1】：

这是引导程序。查看文档并添加您需要的样式：

.nav-tabs {
  float: left;
}

.contect-tabs {
  float: left;
}

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

【讨论】：