bootstrap响应不在角度指令模板内工作

Question

我正在使用bootstrap和angular指令。 我的角度指令模板使用bootstraps类＆＃39; col-md-3＆＃39;并初始渲染它的工作原理。但是在页面调整大小时，我的呈现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无法工作..如果不是使用指令，我直接使用＆＃34; col-md-3＆＃34;那就行了。