[英]How to make some image fit with the bootstrap columns with auto zoom image to fill the column
这是我的代码:
<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>
之后我想做一些这样的按钮
我正在使用引导程序 5。
我想你可以通过flex-wrap
来处理它。 请参阅下面的链接。
为 img 添加样式:
width: 100%;
height: 100%;
object-fit: cover;
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.