최종 업데이트
2026-02-02
부트스트랩은 반응형 웹 디자인을 쉽게 구현할 수 있도록 도와주는 프레임워크입니다. HTML, CSS, JS 기반으로 작동하며, 그 사용법은 간단함에도 불구하고 매우 강력합니다. 이 가이드에서는 부트스트랩의 설치 방법부터 반응형 레이아웃을 구성하는 방법까지 초보자도 쉽게 따라 할 수 있도록 설명합니다.
부트스트랩 설치
부트스트랩을 설치하는 첫 걸음은 공식 웹사이트에서 필요한 파일을 다운로드하거나, CDN(Content Delivery Network)을 이용하는 것입니다.
1.웹사이트를 통한 다운로드:
기본 레이아웃 구성
부트스트랩을 사용하여 기본적인 반응형 레이아웃을 만드는 방법은 다음과 같습니다.
1.컨테이너 설정:
실습 예제
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>부트스트랩 반응형 웹사이트 예제</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-8">메인 콘텐츠</div>
<div class="col-md-4">사이드바</div>
</div>
</div>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>
이 예제는 부트스트랩을 사용하여 기본적인 반응형 레이아웃을 구성하는 방법을 보여줍니다. 여기서는 CDN을 통해 부트스트랩을 연결하고, 컨테이너 내에 메인 콘텐츠와 사이드바로 구성된 간단한 레이아웃을 만들었습니다. 이를 통해 초보자도 쉽게 반응형 웹사이트를 만들 수 있음을 알 수 있습니다. 이 컴포넌트들을 사용하여 디자인을 더욱 풍부하게 할 수 있습니다.
본인의 웹호스팅 계정을 이용하여 사용합니다.
홈페이지 오류 및 버그 발견시 1:1문의를 남겨주시면 확인 후 바로 무상 처리해드립니다.
다운받는 홈페이지라는 특성상 단순변심으로 인한 환불은 불가합니다.
사진 및 컨텐츠는 사용자의 이해를 돕기위해 사용된것이며 실사용은 가능하나 재배포를 금지합니다.
1도메인당 1카피를 원칙으로 하고있습니다.
티로그 × 단비웹 호스팅 이용시 공급원가(800,000 원)로 구매를 하실수도 있습니다.
설치대행의 경우 기본 셋팅비 10,000원 이며 디자인 변경 요청시 추가금액이 발생될 수 있습니다.
호스팅 만료시 사용하신 홈페이지 ,도메인은(는) 영구 삭제 되며, 타사 호스팅 이용시 공급원가(800,000 원) - 제공가격(400,000 원) 의 나머지 금액을 지불 하여야합니다.
| 홈페이지 오류 수정요청시 | 홈페이지 디자인 변경 요청시 |
|---|---|
| 무료수정 | 별도협의 |
