如何使用 relevel Div 高度设置 Bootstrap 图像高度

Question

我想做的是，不要测量图像的高度宽度，它将始终设置在中心和 div 高度 500px

好像是第二个绿色例子

<div class="container">
            <div class="row">

              <div class="col-4">
                <img class="img-fluid" src="https://via.placeholder.com/500x550" alt="">
              </div>
              <div class="col-8">
                <h1>I am fix Div</h1>
              </div>

              <div class="col-4">
                <img class="img-fluid" src="https://via.placeholder.com/500x750" alt="">
              </div>
              <div class="col-8">
                <h1>I am fix Div</h1>
              </div>

            </div>
          </div>
Bootstrap 4

Answer 1

尝试设置 *background-size: contain;*

这可能会帮助您找到您想要的东西https://www.w3schools.com/cssref/playit.asp?filename=playcss_background-size&preval=contain

如何使用 relevel Div 高度设置 Bootstrap 图像高度

How to Set Bootstrap Image Height with relevel Div Height

html

css

gridview

bootstrap-4