[HTML] 김버그의 HTML&CSS는 재밌다 | Bootstrap Grid system

https://getbootstrap.com/

Bootstrap

Bootstrap에서 반응형 Grid system을 제공하고 있다.

위 사이트로 들어가서 'Get Started'을 버튼을 누르고 CSS:link를 가져와서 적용.

 

 

 

* Bootstrap의 Grid system을 사용하기 위해서 꼭 지켜줘야 하는 룰

<div class="container">
  <div class="row">
    <div class="col-12">
      <--! 요소 -->
      <p>col</p>
    </div>
  </div>
</div>

부모, 자식간의 관계를 지켜줘야 한다. 

그리고 class="col-N" | N에는 1~12 사이의 정수를 넣어준다.

보통 하나의 row에는 최대 12개의 col이 들어갈 수 있다.