부트스트랩은 개발자들이 보다 빠르고 편리하게 코드를 짤 수 있도록 짜여있는 css를 모아둔 라이브러리이다.
예쁘게 꾸미는 것을 잘 못한다면 강추한다.
url - Bootstrap
부트스트랩을 사용하려면 사이트에서 다운로드하는 방법이 있는데 , 나는 직접 스크립트를 추가하는 방식으로 진행하였다.
<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>
(제이쿼리 및 몇가지 라이브러리, 부트스트랩 링크 ...)
위 코드를 임포트를 해주고, 사이트에서 원하는 모양을 찾아서 코드를 복사 붙여넣기 해주기만 하면 된다.
가져온 코드를 내 마음에 들게 조금씩 수정도 가능하다.