1-10 Bootstrap_Card / 이모티콘 모음

오늘 만든것 결과물 ♡

 

코드:

 

<div class="row row-cols-1 row-cols-md-4 g-4">

<div class="col">

<div class="card">

<img src="https://movie-phinf.pstatic.net/20210728_221/1627440327667GyoYj_JPEG/movie_image.jpg"

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

<div class="card-body">

<h5 class="card-title">영화 제목이다</h5>

<p>⭐⭐⭐</p>

<p class="card-text">코멘트를 써주세요</p>

</div>

</div>

</div>

</div>

 

 

Card:

1. 카드섹션에서 원하는 카드코드 붙여넣기

2. 이미지 넣고 갯수 조절.

    row-cols-md-3 → row-cols-md-4 로 바꾸기

     →화면사이즈가 중간정도 되었을때 한줄에 4개 보임.

 

 

이모티콘 모음

https://kr.piliapp.com/facebook-symbols/