ブートストラップ4：2つのカードブロックの間にイメージを配置する

Question

ブートストラップ4カードのドキュメントページ（イメージ>イメージキャップの下）に2つの例があります。イメージは、イメージタグの前後にある.card-block divを使用して、カードブロックの上部または下部に配置できます。 2つのカードブロックの間にイメージを置くことが可能かどうか疑問に思っていました。

<div class="card-group> 
    <div class="card> 
     <div class="card-block></div> 
     <img src="..." alt="..." > 
     <div class="card-block></div> 
    </div> 
    <!--Multiple Cards--> 
</div> 

私はやってみましたが、結果は期待通りでした。カードの高さと幅は同じですが、画像は正しく配置されません（他のカードの画像に関して）。カードブロックの内容に応じて、画像が上下にシフトします。

Answer 1

トップコンテンツにカードブロックを使用する代わりに、カードヘッダーを代わりに使用してください。

<div class="card-group"> 
    <div class="card"> 
     <div class="card-header"> </div> 
     <img src="..." alt="..."> 
     <div class="card-block"> </div> 
    </div> 
</div> 

See example Image