列中相同高度的Bootstrap 4卡

列中相同高度的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