bootstrap 사용법
bootstrap을 구동하기 위한 뼈대 코드는 다음과 같다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> <!-- 한글을 위해 필요 -->
<title>Bootstrap 101 Template</title>
<link href="bootstrap.min.css" rel="stylesheet" media="screen">
</head>
<body>
<h1>안녕, HTML!</h1>
</body>
</html>
그리드 시스템
<div class="row">
<div class="col-md-4">
위키백과는 위키를 이용하여 전 세계 사람들이 함께 만들어가는 웹 기반의 다언어 백과사전입니다.
</div>
<div class="col-md-4">
위키백과는 다섯 가지 기본 원칙에 따라 운영됩니다.
</div>
</div>
컬럼 오프셋하기
왼쪽 컬럼에 오프셋을 적용하면, 우측 컬럼은 오프셋만큼 같이 이동된다.
<div class="row">
<div class="col-md-4 col-md-offset-">
위키백과는 위키를 이용하여 전 세계 사람들이 함께 만들어가는 웹 기반의 다언어 백과사전입니다.
</div>
<div class="col-md-4">
위키백과는 다섯 가지 기본 원칙에 따라 운영됩니다.
</div>
</div>