angularjs - 使用 $index 在 ng-repeat 中间添加 <div> - Bootstrap 容器

Question

我想输出 <div>在 ng-repeat 中间使用 $index== - 然而横幅<div>在父级内 container所以它不会跨越屏幕的整个宽度。我试过使用 class="container-fluid"在横幅上，但它使它变得更小。有什么方法可以完全突破父容器(仅针对 ng-repeat 中间的那个 div)以使横幅全宽？

这是我希望它看起来的样子(仅出于视觉目的，需要使用 ng-repeat 输出 div):Plunker-1

这是它目前的样子:Plunker-2

Answer 1

这是解决方案:https://plnkr.co/edit/pYO1G8M3jIDXHrRSE4YE?p=preview

---

您不需要容器流体来实现您想要的。

---

 <div class="col-md-12" id="Banner" ng-if="$index==8">

               <div class="well well-sm text-center">
                  Banner

              </div>
 </div>