栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

列中相同高度的Bootstrap 4卡

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

列中相同高度的Bootstrap 4卡

该引导4列已经使用了Flexbox的,使他们 同一高度 。只需

h-100
在卡上使用高度:100%,它们就会填满列…

<div >    <div > <div >     <div >         <img src="images/dieux/Agni.jpg" alt="BeatsX">         <h1 >BeatsX</h1>         <div >  <p>1188.0000</p>  <p>2017-06-09 10:00:00</p>  <a href="god.php?ID=2" target="_blank" >Voir la Fiche</a>         </div>     </div> </div> <div >     <div >         <img src="images/dieux/Agni.jpg" alt="Nitendo Switch">         <h1 >Nitendo Switch</h1>         <div >  <p>2899.0000</p>  <p>2017-06-10 10:00:00</p>  <a href="god.php?ID=3" target="_blank" >Voir la Fiche</a>         </div>     </div> </div> <div >     <div >         <img src="images/dieux/Agni.jpg" alt="iPhone 7 128GB (Jet Blakc)">         <h1 >iPhone 7 128GB (Jet Blakc)</h1>         <div >  <p>6388.0000</p>  <p>2017-06-06 10:00:00</p>  <a href="god.php?ID=1" target="_blank" >Voir la Fiche</a>         </div>     </div> </div>        </div></div>

另外,也没有理由将卡片浮动,而卡片

.col-*
应直接放在中
.row
,而不是
.card-deck



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/575662.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号