https://getbootstrap.com/docs/5.2/getting-started/introduction/
Get started with Bootstrap
Bootstrap is a powerful, feature-packed frontend toolkit. Build anything—from prototype to production—in minutes.
getbootstrap.com
만들어 져 있는 css의 탬플릿을 받아올 수 있는 사이트입니다.
부트스트랩 시작 탬플릿입니다.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
<title>부트스트랩 사용법</title>
</head>
<body>
</body>
</html>헤드부분의 link, script를 가져와야 부트스트랩에서 복사해온 요소들을 사용할 수 있습니다.
'🔥웹개발종합반' 카테고리의 다른 글
| Week2. Ajax (0) | 2022.09.12 |
|---|---|
| Week2. Jquery (0) | 2022.09.09 |
| Week1 Homework. 아이유 팬명록 (0) | 2022.09.09 |
| Week1. <tag> 정리 (0) | 2022.09.06 |
| Week1. <HTML/CSS> 폰트(글꼴) 적용 방법 (0) | 2022.09.06 |