用于未来 Wordpress 帖子缩略图输出的特定 Bootstrap 5 网格系统逻辑-解网

问：

我正在 Bootstrap 5 上制作网站。并且需要为产品缩略图制作这样的网格系统（下图）。

我的想法（逻辑）是让这个网格变成这样（下图）。此网格将响应移动设备。

这是这个想法的代码。

    <main class="py-3">
        <section>
            <div class="container">
                <div class="row gy-2">
                    <div class="col">
                        <div class="row gy-2 row-cols-1">
                            <div class="col px-1">
                                <div class="card border-0">
                                    
                                </div>
                            </div>
                            <div class="col px-1">
                                <div class="card border-0">
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-8 px-1">
                        <div class="card border-0">
                           
                        </div>
                    </div>
                </div>
                <div class="row gy-2 row-cols-1 row-cols-md-2">
                    <div class="col px-1">
                        <div class="card border-0">
                            
                        </div>
                    </div>
                    <div class="col px-1">
                        <div class="card border-0">
                            
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col px-1">
                        <div class="card border-0">
                            
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

但我认为，这样的逻辑很难在 Wordpress 代码中输出（我不确定这个网格是否可以通过“while”循环来完成）。也许还有其他解决方案？

wordpress 响应式设计 bootstrap-5

@isherwood，我还没有开始为这个网格的 Wordpress 输出编写代码（我只为另一个更简单的网格编写代码）。这就是为什么我问这个网格的逻辑（不是确切的代码）。因为我想在开始时制作正确的前端部分。也许有一个比我做的更简单的逻辑来构建这样的网格。

答： 暂无答案

上一个：Instagram 帐户缺少“嵌入”设置，无法与榨汁机连接/集成

下一个：元框 Wordpress 中的多个复选框

用于未来 Wordpress 帖子缩略图输出的特定 Bootstrap 5 网格系统逻辑

Specific Bootstrap 5 grid system logic for future Wordpress post thumbnail output

评论