Angular JS：基础部分选项卡不能与指令正确堆叠

Question

我正在使用角度为我的应用程序与基础4.3.2我在那里通过指令启动部分。

这是我发现的错误：

http://plnkr.co/edit/jADSlSjULg3GKfB1AnV0?p=preview

plnkr预览在小屏幕上工作正常，但如果您调整预览窗口的大小，现在它们就不会正确堆叠。

任何需要？感谢

修改

这是我的控制器

app.controller('zurbRideCtrl', ['$scope',
  function($scope) {
    $scope.options = ["summary", "map", "driver", "passenger", "review"];
    $scope.selected = $scope.options[0];
    $scope.select = function(option) {
      $scope.selected = option;
   };
  }
]);

和html我点击每个标签激活点击

<div class="section-container auto" data-section data-options="deep_linking: true">

  <section ng-repeat="option in options" ng-click="select(option)" ng-class="{active: option == selected}">
    <p class="title" data-section-title><a ng-href="#{{option}}">{{option}}</a></p>
    <div class="content" data-slug="{{option}}" data-section-content>

      <zurb-ride></zurb-ride>

  </section>

  </div>
</div>