Bootstrap 頁面標題


頁面標題（Page Header）是個不錯的功能，它會在網頁標題周圍添加適當的間距。當一個網頁中有多個標題且每個標題之間需要添加一定的間距時，頁面標題這個功能就顯得特別有用。如需使用頁面標題（Page Header），請將您的標題放置在帶有class .page-header 的<div> 中：

實例

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

運行實例»

點擊"運行實例" 按鈕查看線上實例

運行結果如下所示：