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>

即使由于 if 条件，左侧 div 不存在，我也需要修复右侧 div。目前，当左侧 div 隐藏时，它会移动到左侧。我需要避免这种情况。我该怎么做？提前致谢。

Answer 1

您可以通过向右侧 div 添加 pull-right 类来实现此目的。

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