Bootstrap page title


Page Header is a nice feature that adds appropriate spacing around the page title. The page title function is particularly useful when there are multiple titles in a web page and a certain amount of space needs to be added between each title. If you want to use the Page Header, please place your title in a <div> with class .page-header:

Example

<!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»

Click the "Run Instance" button to view the online instance

The running results are as follows: