Bootstrap 기본 가이드

Bootstrap 플러그인

Bootstrap 페이지 타이틀

페이지 타이틀(Page Header)는 매우 좋은 기능입니다. 이 기능은 웹 페이지 타이틀 주위에 적절한 간격을 추가합니다. 웹 페이지에 여러 개의 타이틀이 있고 각 타이틀 사이에 간격을 추가해야 할 때, 페이지 타이틀 기능은 특히 유용합니다. 페이지 타이틀(Page Header)를 사용하려면, 타이틀을 class를 가진 div에 배치하십시오. .page-header 的 <div> 中：

在线示例

示例

!DOCTYPE　html
<html>
<head>
	<meta　charset="utf-8">　
　　　　<title>Bootstrap　示例　-　页面标题</title>
　　　　<link　rel="stylesheet"　href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
　　　　<script　src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
　　　　<script　src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="page-header">
　　　　<h1>페이지 타이틀 예제
　　　　　　　　<small>서브 제목</small>
　　　　</h1>
</div>
<p>이것은 예제 텍스트입니다. 이것은 예제 텍스트입니다. 이것은 예제 텍스트입니다. 이것은 예제 텍스트입니다. 이것은 예제 텍스트입니다.</p>
</body>
</html>

테스트를 보고 보기 ‹/›

결과는 다음과 같습니다:

Bootstrap 슬라이드 Bootstrap 초대형 스크린