使用AngularJS动态更改引导3列宽？

如何使用AngularJS切换Bootstrap 3网格系统列宽（col-*）？我试图使用ng类，如下所示，但它不起作用。任何帮助都将不胜感激

以下是我认为的网格结构：

<div class="row">
  <div ng-class="{{columnWidth}}"></div>
  <div ng-class="{{columnWidth}}"></div>
  <div ng-class="{{columnWidth}}"></div>
</div>

这些列就像我在移动设备上一样堆叠，而不管我设置了什么scope变量。

应该是这样的

  <div ng-class="columnWidth"></div>

---

就是这样。非常感谢。

  <div ng-class="columnWidth"></div>