获取 4x3 砌体页面时遇到问题 [已关闭]

问：

我目前正在学习建立网站的过程（如果我听起来像个新手并且解释得很糟糕，那就有点抬头了）

对于一项任务，我需要制作一个静态网站（通过 bootstrap/vite/node.js）， 我试图利用砖石，但很难弄清楚我是如何获得 4x3 （Horiz & Vert） 的。 此外，我需要使用 col-2，因为我使用的是 div col-8 P.S. 通过 npm 我安装了砌体并导入了它，所以它应该连接这个视觉布局 4x3

我尝试通过 chatgbt 做，但只能得到 3x4 而且很难理解这个砖石结构的东西是如何构造的

<section id="masonry">
        <div class="row">
            <div class="col-lg-8 offset-lg-2">

                <div  class="masonry">
                    <!-- Sizer for column width -->
                    <div class="masonry-sizer"></div>

                    <!-- Your masonry items here -->
                    <div class="masonry-item"></div>
                    <div class="masonry-item"></div>
                    <div class="masonry-item"></div>

                    <div class="masonry-item"></div>
                    <div class="masonry-item"></div>
                    <div class="masonry-item"></div>

                    <div class="masonry-item"></div>
                    <div class="masonry-item"></div>
                    <div class="masonry-item"></div>

                    <div class="masonry-item"></div>
                    <div class="masonry-item"></div>
                    <div class="masonry-item"></div>

                    <!-- ... more items ... -->
                </div>
            </div>
        </div>
    </section>

如果我不够清楚，我再次感到抱歉，仍在学习