박시은

(❁´◡`❁)

최대 1 분 소요


▶ 부트스트랩이란?

반응형 웹을 빠르게 만들 수 있게 도와주는 CSS, JS 프레임워크를 말한다.

👶🏻 언니, 부트스트랩이 뭐야? 👩🏻‍💻부트스트랩은 반응형 웹을 빠르게 만들 수 있는 프레임워크야. 부트스트랩 덕분에 각종 레이아웃, 버튼, 입력창 등을 쉽고 빠르게 구현할 수 있어.


▶ 부트스트랩 사용방법

부트스트랩 사용방법은 세 가지 방식이 있다 -> CDN 사용, npm 설치, 소스 코드 다운로드 부트스트랩 링크: https://getbootstrap.com/

▷ CDN 사용

CSS는 <head> 태그 안에 배치하기

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">


JS는 <body> 태그 안에서 가장 밑에 배치하기

<script
  src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"
  integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz"
  crossorigin="anonymous"
></script>

▷ npm 설치

npm으로 설치하기 위해선 node.js 설치가 필요하다.

npm install bootstrap@5.3.0

댓글남기기

참고