固定到右侧,即使左div不存在 - bootstrap

时间:2014-10-11 13:08:09

标签: css angularjs twitter-bootstrap-3

<div class="row">
       <div class="col-md-6 left" ng-if="">
           <a ng-click="" class="btn btn-primary">Edit</a>
       </div>

       <div class="col-md-6 right" ng-if="">
         <a href="" class="btn btn-primary">Reports</a>

   </div>

我需要修正正确的div,即使左边的那个因为条件而不存在。当左边div隐藏时它会移动到左侧。我需要避免这种情况。我怎么能这样做?提前谢谢。

1 个答案:

答案 0 :(得分:3)

您可以通过将pull-right类添加到正确的div中来实现此目的。

Bootply - DEMO

<div class="container">
  <div class="row">
    <div class="col-md-6 pull-right" ng-if="">
      <a href="" class="btn btn-primary">Reports</a>
    </div>
  </div>
</div>

pull-leftpull-right类用于将元素浮动到左侧或右侧:

  

使用类向左或向右浮动元素。!important是   包括以避免特异性问题。类也可以用作   混入。 - Bootstrap