부트스트랩 이란?
직접 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> 안에 해당 코드를 복사 붙여넣기를 하면 된다.
'JavaScript' 카테고리의 다른 글
| [JS]함수 만들기(JQuery) (1) | 2025.02.03 |
|---|---|
| [JS]JavaScript 의 기초문법 (0) | 2025.01.24 |
| [JS]HTML 구글 폰트 사용하기 (0) | 2025.01.24 |
| [JS]CSS 란? (0) | 2025.01.24 |
| [JS]로그인 페이지 만들기 (0) | 2025.01.24 |