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="...">

적용된 모습:

저작자표시 비영리 (새창열림)