Bootstrap 4 Bootstarp 4-网格系统-固定图像高度

Bootstrap 4 Bootstarp 4-网格系统-固定图像高度,bootstrap-4,flexbox,row,grid-system,Bootstrap 4,Flexbox,Row,Grid System,从中等媒体查询到较大的第二个图像高度不等于其他图像,我使用bootstrap 4 “alt=”卡图像上限“> 一些基于卡片标题的快速示例文本,构成了卡片内容的大部分。 尝试在卡片上使用对齐项目:拉伸;,使其高度相等 <div class="container"> <div class="row text-center d-lg-flex flex-wrap"> <% campgroun

从中等媒体查询到较大的第二个图像高度不等于其他图像,我使用bootstrap 4


“alt=”卡图像上限“>

一些基于卡片标题的快速示例文本,构成了卡片内容的大部分。


尝试在卡片上使用
对齐项目:拉伸;
,使其高度相等
    <div class="container">
      <div class="row text-center d-lg-flex flex-wrap"> 
        <% campgrounds.forEach(function(campground){ %>
          <div class="col-sm">
          
                <div class="card">
                  <img class="card-img-top" src="<%=campground.image%>" alt="Card image cap">
                  <div class="card-body">
                    <h3 class="card-title"><%=campground.name%></h3>
                    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> 
                    <a href="#" class="btn btn-primary">Go somewhere</a>
                   </div>
                </div>
          </div>
         <% }); %>
      </div>
    </div>