▶ 부트스트랩이란?
반응형 웹을 빠르게 만들 수 있게 도와주는 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
블로그 이전했습니다!