Twitter bootstrap 在引导中向右移动最后一个选项卡
我有以下代码用于在引导中显示选项卡:Twitter bootstrap 在引导中向右移动最后一个选项卡,twitter-bootstrap,bootstrap-tabs,Twitter Bootstrap,Bootstrap Tabs,我有以下代码用于在引导中显示选项卡: <div class="navbar navbar-default navbar-static"> <ul class="nav navbar-nav"> <li id="camp_search_stats" class="active"><a href="javascript:void(0)" data-toggle="tab">Search</a></
<div class="navbar navbar-default navbar-static">
<ul class="nav navbar-nav">
<li id="camp_search_stats" class="active"><a href="javascript:void(0)" data-toggle="tab">Search</a></li>
<li id="camp_click_stats"><a href="javascript:void(0)" data-toggle="tab">Click</a></li>
<li id="camp_play_stats"><a href="javascript:void(0)" data-toggle="tab">Play</a></li>
</ul>
</div>
但是,我想将最后的选项卡显示在最右边。
我试过:float:right
用于最后一个li
元素,但它不起作用。尝试以下操作:
<div class="navbar navbar-default navbar-static">
<ul style="width:100%" class="nav navbar-nav">
<li id="camp_search_stats" class="active"><a href="javascript:void(0)" data-toggle="tab">Search</a></li>
<li id="camp_click_stats"><a href="javascript:void(0)" data-toggle="tab">Click</a></li>
<li class="pull-right" id="camp_play_stats"><a href="javascript:void(0)" data-toggle="tab">Play</a></li>
</ul>
</div>