Bootstrap은 가장 편하고 빠르게 개발하는 데에 사용할 수 있는 프레임워크로 반응형 웹디자인, 간단한 데이터 출력 등 다양한 기능이 제공되므로 현재 혼자할 예정인 프로젝트에 사용하려 합니다.
Bootstrap 기본 템플릿 사용해보기
https://getbootstrap.com/ 접속 => Download => 압축풀기
다운받은 파일을 압축을 풀어 프로젝트 폴더에 css, fonts, js 파일 넣기
테스트 출력하기(index.html)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width", intial-scale="1"> <!-- 웹사이트의 너비 = 장치의 너비, 초기비율은 1.0 -->
<title>영수증 작업</title>
<link rel="stylesheet" href="css/bootstrap.css"> <!-- css 적용하기 -->
</head>
<body>
Hello World!
</body>
</html>
'프론트엔드 > BootStrap' 카테고리의 다른 글
| 커스텀 css 적용하기 (0) | 2021.05.20 |
|---|---|
| 점보트론 컴포넌트 (0) | 2021.05.20 |