ng-repeat在multiples div上创建一个范围

Question

我有来自服务器的json数据，我尝试在html上填充。

问题是我希望新数据在一个div上分组，而不是彼此堆叠或者在一个完整行上堆叠。

我尝试添加一些风格，但没有工作。

另外，我正在使用网格系统的砌体框架，我觉得没有应用css

这是它的样子

以下是代码：

    <div id="posts" class="grid" ng-repeat="post in posts" >
            <div class="grid-item" >
                    <div class="blog-post">
                        <img src="https://placeimg.com/400/400/bbc" alt="">
                        <h3>{{post.Title}}</h3>
                        <img ng-src="{{post.Image}}" alt="">         
                    </div>
            </div>
        } 
    </div>



  <script>
      $('.grid').masonry({
          // options
          itemSelector: '.grid-item',
          columnWidth: 200
      });
</script>