[Node]Bootstrap설치

bootstrap 홈페이지로 가서 공식문서를 들어가서 css파일과 js파일 코드 가져오기

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">

위는 css파일로

이렇게 넣어주고,

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>

위는 js파일이고

이렇게 body태그 끝나는 쪽에 넣어주었다.

이제 싹 가져와서 사용해주면 되는데,

검색하면 편하게 찾을 수 있다ㅎㅎ

이렇게 검색하여 나온 것중에..

필요한 거 찾아서 긁어서 가져오면

잘 보인다~~!

개인적으로 좀 다르게 디자인을 하고싶은 경우,
늘 그렇듯이 class명을 추가하여 디자인 할 부분 css파일에서 수정해주면 된다.

이런식으로 뒤에 class명 추가,

추가해준 class명으로 css 추가 및 수정

잘 바뀌어있는 모습을 볼 수 있다~