具有自举响应式设计的角度虚拟卷轴

Question

如何使用bootstraps响应式设计设置Angular虚拟卷轴？

例如：

<div class="row">
    <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6 col-6" *ngFor="let item of items; let i = index">
        <img src="{{item.url}}">
    </div>
</div>

因此，基本上图像是水平加载的，彼此相邻，并包裹视口，调整视口的大小将改变列的大小。

我找到了ngx-virtual-scroller (https://github.com/rintoj/ngx-virtual-scroller/issues/321)和cdk scroller (https://material.angular.io/cdk/scrolling/overview)，但它们似乎要求每一项都在一行上。

Answer 1

ngx-virtual-scroller支持水平元素。参见here。