Bootstrap

웹사이트를 쉽게 만들 수 있게 도와주는 프레임워크

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>

head 부분에 위 코드를 입력해야 bootstrap 사용 가능

<!-- <div class="container-fluid bg-primary text-white text-center p-3"> -->
<!-- fluid div 영역 모두채우기, 배경 색 바꾸기, 텍스트 색 변환, 텍스트 위치 변환, 셀 내부 여백-->
<div class="container-fluid bg-secondary text-white text-center p-5">

• container-fluid : container 클래스라는 div의 영역을 가로 전체 영역까지 확대
• bg-primary / bg-secondary : div의 배경 색을 지정
• text-white : 텍스트의 색을 변환
• text-center : 텍스트의 위치를 조정
• p-3 : div 영역의 높이를 조절
• 참고 : https://www.w3schools.com/bootstrap5/