Bootstrap 4.5 网格

Question

我有一些奇怪的问题...我想创建某种网上商店。所以我有 1 行 4 列（4 个产品），我也使用 Bootstrap 4.5，这就是发生的事情： enter image description here

简单的问题图片放不下，但盒子之间的空间没有变小，为什么？我怎样才能调整这个盒子的大小？要更宽并在它们之间获得很小的空间？这是代码：

<section>
      <div class="container products">
          <div class="row justify-content-center">
            <div class="col-md-2 item">
                <img src="/img/product.png" alt="product">
            </div>
            <div class="col-md-2 offset-md-1 item">
                  
            </div>
            <div class="col-md-2 offset-md-1 item">
                  
            </div>
            <div class="col-md-2 offset-md-1 item">
                  
            </div>
          </div>
      </div>
  </section>

Answer 1

尝试删除offset-md-1 类并为item 类添加边距。如果你想让区块更宽，请将col-md-2 更改为col-md-3