[HTML & CSS] 부트스트랩 써보기

728x90

부트스트랩 시작 템플릿

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <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://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <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>
  <h1>이걸로 시작해보죠!</h1>
</body>

</html>

해당 템플릿이 적용되어있어야 밑에있는 사이트에서 CSS 이용할 수 있다.

부트스트랩 주소 들어가기

https://getbootstrap.com/docs/5.0/components/buttons/

Buttons

Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

getbootstrap.com

해당 주소를 이용해서 활용할 수 있다.

728x90

저작자표시

'📁 𝐡𝐭𝐦𝐥 & 𝐜𝐬𝐬 > HTML & CSS' 카테고리의 다른 글

[HTML & CSS] 폰트, 주석, 파일분리 (2)	2023.01.10
[HTML & CSS] 자주 쓰이는 CSS 연습하기 (0)	2023.01.10
[HTML & CSS] CSS 기초 (0)	2023.01.10
[HTML & CSS] 간단한 로그인 페이지 만들어보기 (0)	2023.01.10
[HTML & CSS] 기본 내용 (0)	2023.01.10