Bootstrap 설치와 사용법 강의에서 질문드립니다.

[윤준호]

선생님께서

      <div class="container">
      <div class="card" style="width: 18rem;">
        <div class="card-body">
          <h5 class="card-title">Card title</h5>
          <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
          <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="card-link">Card link</a>
          <a href="#" class="card-link">Another link</a>
        </div>
      </div>

</div>

이 코드에서 <div class="container">본문</div> 이것만을 추가해 주셨는데 변화가 생기더라구요. 

변화가 생긴 이유가 뭘까요?

=> 구글링해보니 기본 .container 클래스는 반응형 고정 너비 컨테이너입니다. 라는데 미리 지정된 속성들을 갖고있는 거라서 

변화가 생기는 걸까요?

[codingapple]

설치하면 스타일 쉽게 주는 class들도 사용가능합니다

그 중 하나가 container 입니다

[윤준호]

기능에 내장되어 있는 건가요?

 

[codingapple]

네 이런데 나와있습니다 https://getbootstrap.com/docs/5.1/layout/containers/

[글쓴이]

글