card

card

https://getbootstrap.com/docs/4.3/components/card/

카드: 여러 정보를 간략하게 보여주는 컴포넌트

<div class="card" style="width: 18rem; display: inline-block;">

<img src="..." class="card-img-top" alt="...">

<div class="card-body">

<h5 class="card-title">Card title</h5>

<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>

<a href="#" class="btn btn-primary">Go somewhere</a>

</div>

</div>

이미지 적용:

<img src="..." class="card-img-top" alt="...">

적용된 모습: