Bootstrap カード Bootstrap
画像・ヘッダー・本文・フッター・ボタンを組合せたBootstrap 5の.cardコンポーネントを視覚生成。
Bootstrap カードの基本構造
.card- ルート要素.card-header- 上部ヘッダー.card-img-top / .card-img-bottom- 画像 (角丸対応).card-body- 本文ラッパー.card-title / .card-subtitle / .card-text- テキスト要素.card-footer- 下部フッター.text-bg-{color}- 一発カラーリング (Bootstrap 5.2+)