미리 만들어진 예쁜 스타일을 현재 웹사이트나 새로운 웹페이지에 적용할 수 있는 부트스트랩 사용법을 소개합니다.
1. 부트스트랩 사이트에 접속합니다.
부트스트랩
강력하고 확장 가능하며 기능이 풍부한 프런트엔드 툴킷. Sass로 빌드 및 사용자 지정하고, 미리 빌드된 그리드 시스템 및 구성 요소를 활용하고, 강력한 JavaScript 플러그인으로 프로젝트에 생명을 불어넣으세요.
getbootstrap.com
2. 빠른 시작에 따라 필요한 라이브러리를 로드합니다.
https://getbootstrap.com/docs/5.3/getting-started/introduction/
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
3. 다양한 예제가 있지만 필요한 부분을 찾아 소스코드를 적용합니다.
4. 더 다양한 예제를 확인하고 싶다면 예제 메뉴에서 확인할 수 있습니다.
https://getbootstrap.com/docs/5.3/examples/