Bootstrap Jumbotron 和 Page Header
建立 Jumbotron
Jumbotron 是一個大型盒子，用於格外突出某些特殊內容或資訊。
Jumbotron 顯示為一個帶有圓角的灰色框。它還會放大其中文字的字型大小。
提示： 在 Jumbotron 中，您可以放入幾乎任何有效的 HTML，包括其他 Bootstrap 元素/類。
使用類為 .jumbotron 的 <div> 元素來建立 Jumbotron
Bootstrap 教程
Bootstrap 是 Web 上最流行的 HTML、CSS 和 JS 框架，用於開發響應式、移動優先的專案。
容器內的 Jumbotron
如果您希望 Jumbotron 不延伸到螢幕邊緣，請將其放在 <div class="container"> 內。
示例
<div class="container">
<div class="jumbotron">
<h1>Bootstrap 教程</h1>
<p>Bootstrap 是 Web 上最流行的 HTML、CSS 和 JS 框架，用於開發
響應式、移動優先的專案。</p>
</div>
<p>This is some text.</p>
<p>這是另一段文字。</p>
</div>
自己動手試一試 »
容器外的 Jumbotron
如果您希望 Jumbotron 延伸到螢幕邊緣，請將其放在 <div class="container"> 外。
示例
<div class="jumbotron">
<h1>Bootstrap 教程</h1>
<p>Bootstrap 是 Web 上最流行的 HTML、CSS 和 JS 框架，用於開發響應式、
移動優先的專案。</p>
</div>
<div class="container">
<p>This is some text.</p>
<p>這是另一段文字。</p>
</div>
自己動手試一試 »
建立 Page Header
Page Header 類似於節分隔線。
.page-header 類會在標題下方新增一條水平線（併為元素周圍新增一些額外的空間）。
Page Header 示例
使用類為 .page-header 的 <div> 元素來建立 Page Header。
