css - 固定在右侧，即使左侧 div 不存在 - bootstrap

Question

<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 由于 if 条件不存在。当前当左边的 div 隐藏时它会移动到左侧。我需要避免这种情况。我该怎么做？提前致谢。

Answer 1

您可以通过将 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-left 和 pull-right 类用于将元素 float 到左侧或右侧:

Float an element to the left or right with a class.!important is included to avoid specificity issues. Classes can also be used as mixins. - by Bootstrap