JavaScript

[JS]부트스트랩 활용하기

코딩로봇 2025. 1. 24. 15:58

부트스트랩 이란?

직접 CSS를 만드는 것보다 예쁜 CSS를 활용하는 것이 더 좋기에 그런것들을 모아둔 팩토리 같은 개념이다.

 

1.폴더를 하나만든다.

 

2. 앨범에 html 파일을 하나만든다.

 

 

3.<title> </title>태그 다음에 부트스트랩을 가져오는 링크를 달아준다.

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

 

4.해당 사이트에 들어가서 원하는 부트스트랩을 골라 css 코드를 가져온다.

링크:https://getbootstrap.com/docs/5.3/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

 

 

5.<body> 안에 해당 코드를 복사 붙여넣기를 하면 된다.