ASP.Net剃须刀页面平铺视图

Question

我想知道是否有一种方法可以在平铺视图中列出div的列表？ （div本身是一个图块），但是否希望使其宽3，然后使用分页显示倍数？这是我的循环：

        <div class="col-md-6 col-lg-4 col-xs-12 element-item featured-item ">
            <div class="card">
                <a href="@Url.Page("/Brands/ViewByBrand", man.Name)" class="card-img">
                    <img class="card-img-top" src="@Url.Content(man.imagePath)" alt="Car img">
                </a>
                <div class="card-body p-0">
                    <div class="p-4">
                        <div class="d-flex justify-content-between align-items-center mb-1">
                            <h3 class="card-title mb-0">
                                <a href="@Url.Page("/Brands/ViewByBrand", man.Name)">
                                    @man.Name
                                    <i class="fa fa-check-circle" aria-hidden="true"></i>
                                </a>
                            </h3>
                            <button class="btn-like px-2" data-toggle="tooltip" data-placement="top" title="Favourite this listing">
                                <i class="fa fa-heart-o text-primary" aria-hidden="true"></i>
                                <span>11 k</span>
                            </button>
                        </div>

                        <div class="mb-6 meta-post">
                            <date class="text-capitalize meta-time">@man.Name,</date>
                            <a class="text-uppercase" href="@Url.Page("/Brands/ViewByBrand", man.Name)">@man.Name</a>
                        </div>
                        <div class="card-text">
                            <h4 class="text-primary">@man.Name</h4>
                        </div>
                    </div>

                    <div class="card-footer py-3 px-4 bg-transparent">
                        <p class="mb-0">Proof of concept, we'll probably put Setup Details here</p>
                    </div>
                </div>
            </div>
        </div>