최종 업데이트
2024-12-20
부트스트랩은 반응형 웹 디자인을 쉽게 구현할 수 있도록 도와주는 프레임워크입니다. 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 원) 의 나머지 금액을 지불 하여야합니다.
| 홈페이지 오류 수정요청시 | 홈페이지 디자인 변경 요청시 |
|---|---|
| 무료수정 | 별도협의 |