Javascript 角度ng if和更改Twitter引导col sm

好的，代码如下： 左闭塞 右闭塞

如果屏幕较小或较宽，则在屏幕左侧显示左块，在屏幕右侧显示右块。它在左栏下方显示了右栏，屏幕小于小栏（两次简单跳水）。这很清楚

我想使用右块的NG IF＝“布尔值”，这样当它被隐藏时，左边的块就在屏幕的中间，而不是左边。

最好的方法是什么

<div class="row">
   <div class="col-sm-6">
      left block in the center
   </div>
   <div class="col-sm-6" ng-if="boolValue">
      when right block is hidden because of falsy boolValue
   </div>
</div>

左挡在中间
由于伪布尔值而隐藏右块时

要做到这一点需要什么技巧？我想到的最好的方法是在如下情况下使用ng：

<div class="row">
   <div class="col-sm-12" ng-if="!boolValue">
      left block in the center
   </div>
   <div class="col-sm-6" ng-if="boolValue">
      left block in the center <the same content as above>
   </div>
   <div class="col-sm-6" ng-if="boolValue">
      when right block is hidden because of falsy boolValue
   </div>
</div>

左挡在中间
左挡在中间
由于伪布尔值而隐藏右块时

但我不认为这是正确和最好的方法。

 <div class="row">    
   <div ng-class="{'col-sm-6':boolValue,'col-sm-12':!boolValue}">

   </div>
   <div class="col-sm-6" ng-if="boolValue">

   </div>
</div>

左挡在中间
由于伪布尔值而隐藏右块时

左挡在中间
由于伪布尔值而隐藏右块时

左挡在中间
由于伪布尔值而隐藏右块时

左挡在中间
由于伪布尔值而隐藏右块时

use ng class=“{'col-sm-6'：boolValue，'col-sm-12'：！boolValue}”，见下面我的代码。use ng class=“{'col-sm-6'：boolValue，'col-sm-12'：！boolValue}”，见下面我的代码。use ng class=“{'col-sm-6'：boolValue，'col-sm-12'：！boolValue}”，见下面我的代码。use ng class=“{'col sm-sm-12'：！boolValue}，见下面我的代码。

<div class="row">
   <div ng-class="{'col-sm-12': !boolValue, 'col-sm-6': boolValue}" ng-if="!boolValue">
      left block in the center
   </div>
   <div class="col-sm-6" ng-if="boolValue">
      when right block is hidden because of falsy boolValue
   </div>
</div>