javascript - 如何在右侧对齐 Kendo Tab Strip 标签？

Question

我第一次使用剑道标签条，我有一个带有两个标签的简单标签条。我想将它们排列在标签条的右侧。我将如何做到这一点？

我的标记：

<div id="tabStrip" class="assignment-portal-tab-strip">
    <ul>
        <li class="k-state-active">
            Provider Contacts
        </li>
        <li>
            Vendor Contacts
        </li>
    </ul>
    <div class="tab-container">

... 标签上的东西 ... 标签上的东西

我的 Java 脚本：

$("#tabStrip").kendoTabStrip({
    animation: { 
        close: {
        effects: "fadeOut"
        },
        open: {
        effects: "fadeIn"
        }
    }
});

任何帮助将不胜感激。

Answer 1

您可以通过 CSS 执行此操作：

#tabStrip ul {
  text-align: right;
}

这是一个现场演示：http: //jsbin.com/itumop/1/edit