Bootstrap 1강

개발자에게 정리하기는 필수!

BOOTSTRAP

css용 라이브러리. 많이 사용하는 style들을 정해놓고 간편하게 사용한다.

부트스트랩 CDN :

  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>

클래스 제목을 변경함으로써 저장되어있는 css값을 불러올 수 있다.

마진이나 패딩이 5단계로 나누어져있따.

패딩값을 줄 때. p- 1,2,3,4,5

column에 옵션을 붙여 반응형으로 만들기.

<div class="row">
        <div class="col-sm">col</div>
        <div class="col-sm">col</div>
        <div class="col-sm">col</div>
      </div>

부트스트랩 5 그리드 시스템.

https://www.w3schools.com/bootstrap5/bootstrap_grid_basic.php