부트스트랩 페이지 제목


페이지 헤더는 웹페이지 제목 주위에 적절한 간격을 추가하는 유용한 기능입니다. 페이지 제목 기능은 웹 페이지에 여러 제목이 있고 각 제목 사이에 일정량의 공간을 추가해야 할 때 특히 유용합니다. 페이지 헤더를 사용하려면 .page-header 클래스가 있는 <div>에 제목을 배치하세요.

Instance

<!DOCTYPE html>
<html>
<head>
   <title>Bootstrap 实例 - 页面标题</title>
   <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
</head>
<body>

<div class="page-header">
   <h1>页面标题实例
      <small>子标题</small>
   </h1>
</div>
<p>这是一个示例文本。这是一个示例文本。这是一个示例文本。这是一个示例文本。这是一个示例文本。</p>


</body>
</html>

Run Instance»

"인스턴스 실행" 버튼을 클릭하세요. 온라인 인스턴스

실행 결과는 다음과 같습니다.