Question

我有一个看起来像这样的网格

<div className="container">
      <Navbar />
        <div className="row">
          <div className="col-md-3 col-lg-3 h-100">
            <img src={Im1} width="100%" className='img-responsive' />
          </div>
          <div className="cus-2 col-md-6 col-lg-6 h-100">
          </div>
          <div className="cus-3 col-md-3 col-lg-3 h-100">
          <img src={Im2} className='pl-0 pr-0 pb-0 pt-0 img-fluid' />
          </div>
        </div>
      </div>

现在，我希望我的图像采用其网格的完整宽度。我在网上读到，删除右边的padding也许可以实现，但是没有运气。

即使代码在html / css中，有人可以指导我如何实现这一目标吗？（以上是反应）

这就是我现在要得到的。

Answer 1

在css文件中将图像作为背景例如：

.row .col-md-3 {
background: url(asset-path("xyz.png"));
}

我不确定您如何在React中编写此代码，但会将图像作为背景让我知道它是否有效！

引导图像占据整个网格宽度

1 个答案: