2023 08 04

Bootstrap 사용법

• Bootstrap을 import 하면 Bootstrap에서 제공하는 컴포넌트를 사용할 수 있다.

head:
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">

body:
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>

• Bootstrap 페이지 왼쪽 사이드 바에 Components를 보면, 여러가지 코드를 볼 수 있다.
  

• 혹은 상단 example에 들어가 코드를 다운로드 받을 수도 있다.
  

• 밝기를 조절하는 버튼을 구현 해보았다. 단순히 코드를 복사 해서 사용 하는 것인데도 어려움이 느껴졌다. 하지만 개발에 도움을 주는 좋은 라이브러리인 것은 확실하다.

뭐지? 왜 재밌지? 의문이다.