我正在使用bootstrap和angular指令 . 我的角度指令模板使用bootstraps类'col-md-3'并初始渲染它的工作原理 . 但是在页面调整大小时，我的呈现html内容的指令没有响应（不根据窗口大小重新排列内容） .

<div class="col-md-12">
  <my-dir data-list="arrayOfObjects">
     <my-card item="card"></mycard>
  </my-dir>
</div>

my-dir is my first directive, which uses ng-repeat like below
<div class="col-md-3" ng-repeat="card in dataList">
   <div inject></div>
</div>
inject is another of my directive which has code like below
link: function($scope, $element, $attrs, controller, $transclude) {
    var innerScope = $scope.$new();
    $transclude(innerScope, function(clone) {
      $element.empty();
      $element.append(clone);
      $element.on('$destroy', function() {
        innerScope.$destroy();
      });
    });
  }

为什么bootstrap无法工作..如果不使用指令，我直接使用“col-md-3”我的代码然后它工作 .

angularjs twitter-bootstrap