* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

부트스트랩 카드를 똑같이 복사해서 코드를 넣어도 강의와 같이 정렬이 안됩니다

작성한 코드 및 에러 메세지

오류 발생 시, 작성한 코드 전체와 에러 메시지를 첨부해 주세요

Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.

Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!

부트스트랩에서 복사한 코드입니다

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

      <div class="col">

        <div class="card h-100">

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

          <div class="card-body">

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

            <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional

              content. This content is a little bit longer.</p>

          </div>

          <div class="card-footer">

            <small class="text-body-secondary">Last updated 3 mins ago</small>

          </div>

        </div>

      </div>

      <div class="col">

        <div class="card h-100">

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

          <div class="card-body">

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

            <p class="card-text">This card has supporting text below as a natural lead-in to additional content.</p>

          </div>

          <div class="card-footer">

            <small class="text-body-secondary">Last updated 3 mins ago</small>

          </div>

        </div>

      </div>

      <div class="col">

        <div class="card h-100">

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

          <div class="card-body">

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

            <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional

              content. This card has even longer content than the first to show that equal height action.</p>

          </div>

          <div class="card-footer">

            <small class="text-body-secondary">Last updated 3 mins ago</small>

          </div>

        </div>

      </div>

    </div>