Html 如何使一些图像与引导列相匹配,使用自动缩放图像填充列
这是我的代码:Html 如何使一些图像与引导列相匹配,使用自动缩放图像填充列,html,css,image,bootstrap-5,Html,Css,Image,Bootstrap 5,这是我的代码: <div class="row"> <div class="col-12"> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-12"> <div class="xon-card">
<div class="row">
<div class="col-12">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="xon-card">
<img class="img-fluid" src="https://www.adidas.co.id/media/scandiweb/slider/9/6/960x500_3_.jpg" alt="">
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12">
<img class="img-fluid" src="https://www.adidas.co.id/media/scandiweb/slider/m/e/mermaid--teaser-update-5.jpg" alt="">
</div>
</div>
</div>
</div>
在那之后,我想做一些像那样的按钮
我使用的是bootstrap 5。我想你可以通过
flex-wrap
来处理它。请参阅下面的链接
将样式添加到img:
width: 100%;
height: 100%;
object-fit: cover;
谢谢,我做到了:)