使用angularUI从右到左制作标签

时间:2014-05-25 14:50:20

标签: css angularjs angular-ui-bootstrap

我使用angularUI制作标签

<tabset>
    <tab
        ng-repeat="t in tabs"
        heading="{{t.heading}}"
        select="go(t.route)"
        active="t.active">
    </tab>
</tabset>

我找不到从右到左排序和对齐标签的方法

2 个答案:

答案 0 :(得分:4)

标签对齐是CSS。默认是浮动:离开标签。如果你想浮动:对,就这样做:

.nav-tabs>li { float: right; }

答案 1 :(得分:1)

<tabset>
    <tab
        ng-repeat="t in tabs | orderBy:'heading':true"
        heading="{{t.heading}}"
        select="go(t.route)"
        active="t.active">
    </tab>
</tabset>

CSS:

.nav-tabs > li {
    float: left;
}

Documentation for AngularJS orderBy