在Bootstrap中将最后一个标签向右移动

时间:2014-08-19 07:27:07

标签: twitter-bootstrap bootstrap-tabs

我有以下用于在bootstrap中显示标签的代码:

    <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元素,但它没有用。

1 个答案:

答案 0 :(得分:2)

试试这个:

 <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>