bootstrap tab 如何居右

Question

如何才能让boostrap的tab标签居右呢？我看到网上的例子都是这样居左的：

使用哪个class 能让它的标签居右呢？

pull-right是不行的，加上之后是这样的：

源代码类似于：

<ul id="myTab" class="nav nav-tabs">
<li class="active">
    <a href="#home" data-toggle="tab">
        W3Cschool Home
    </a>
</li>
<li><a href="#ios" data-toggle="tab">iOS</a></li>

</ul>
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade in active" id="home">
    1111
</div>
<div class="tab-pane fade" id="ios">
    2222
</div>

</div>

Answer 1

使用在你所在的div上面加个class="pull-right"

Answer 2

<li class="active pull-right" >
<li class="pull-right"><a href="#ios" data-toggle="tab">iOS</a></li>
其余代码不变！

Answer 3

使用flex 布局、
给#myTab 加样式

#myTab {
    display:flex;
    display:-webkit-flex;
    justify-content:flex-end;
}