在AngularJS/Bootstrap应用程序中使用砌体

在过去的两天里，我一直在尝试在应用程序中使用砖石结构，但都没有成功。我的应用程序使用AngularJS和Bootstrap。我需要在引导面板中显示图像。图像将被动态加载。每个面板的尺寸为200像素。我希望面板从左到右最多添加四列。在官方网站上有一个类似于我尝试做的演示。但他们不使用面板

当我的应用程序运行时，我的面板总是垂直加载。没有列。基本上只有一列。我不明白为什么。我创造了一个新的世界。砖石材料的设置非常简单。看起来是这样的：

<masonry>
  <div class="masonry-brick panel panel-default" ng-repeat="item in items">
    <div class="panel-heading">
      <h3 class="panel-title">{{item.title}}</h3>
    </div>
    <div class="panel-body">
      <img ng-src="{{ item.imageUrl }}" alt="A masonry brick">
    </div>
  </div>
</masonry>

---

有人能告诉我我做错了什么吗？我整个周末都在做这个。谢谢大家!

在JSFIDLE中，甚至没有加载棱角砌石，也没有加载棱角砌石，这是棱角砌石的一个硬依赖项。你有解决所有依赖关系的例子吗？对不起。我把模块添加到小提琴上。该问题仍然存在。依赖项尚未解决。棱角砌体也依赖于砌体本身。尝试检查是否由于缺少依赖项而出现问题。我已再次更新了依赖项。我包括了砖石和石板。它仍然不起作用。您如何知道缺少哪些依赖项？我看到在源代码视图中引用了许多.js文件源：。然而，我不知道哪些是“必需的”，哪些是用于其他目的的。我只是想做一个简单的简的例子。谢谢