如何解决Bootstarp 4-网格系统-Flex-Box中的固定项目
以中等大小向上,直到大屏幕,第二个图像高度与其他图像不相等 [在此处输入图片描述] [1]
https://i.stack.imgur.com/Qcytg.png
<div class="container">
<div class="row ">
<% campgrounds.forEach(function(campground){ %>
<div class="col-sm text-center d-flex align-items-strech">
<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>
解决方法
您可以在该按钮上添加align-self-end-end类,以使其在底部对齐。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。