javascript - 如何在右侧对齐 Kendo Tab Strip 选项卡？

Question

我是第一次使用 Kendo 标签条，我有一个带有两个标签的简单标签条。我想将它们对齐到标签条的右侧。我将如何做到这一点？

我的标记:

<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