假設網頁內有一段section：
<section id="contents">
<div class="page-header">
<h1>3. 含有什麼</h1>
</div>
<p class="lead">Bootstrap 中的 HTML、CSS 和 JS 適合各種設備，不過，它們可以被簡單分類成幾個類別，可以參考本文件頂部的巡覽列。</p>
<h2>文件章節</h2>
<h4><a href="/Bootstrap/Scaffolding">架構</a></h4>
<p>body元素的全域樣式，用於重設背景、連結樣式、網格系統和兩個簡單佈局結構。</p>
<h4><a href="/Bootstrap/BaseCSS">基礎CSS</a></h4>
<p>常見HTML元素，像是佈局、程式碼、表格、表單和按鈕。還包含 <a href="http://glyphicons.com">Glyphicons</a>。一個非常優秀的icon圖集。</p>
<h4><a href="/Bootstrap/Components">元件</a></h4>
<p>常見介面元件，像是標簽、pill、巡覽、警告、頁面標頭等。</p>
<h4><a href="/Bootstrap/JavaScript">JavaScript</a></h4>
<p>和元件類似，這些JavaScript外掛用以實現如提示（tooltip）、彈出視窗（popover）、對話視窗（modal）等具互動性的元件。</p>
<h2>元件清單</h2>
<p><strong>元件庫</strong>和<strong>JavaScript外掛庫</strong>提供以下介面元素。</p>
<ul>
<li>按鈕群組</li>
<li>按鈕下拉選單</li>
<li>巡覽標籤、pill、清單</li>
<li>巡覽列</li>
<li>標籤</li>
<li>徽章</li>
<li>頁面標題和 hero unit</li>
<li>縮圖</li>
<li>警告視窗</li>
<li>進度列</li>
<li>對話視窗</li>
<li>下接式選單</li>
<li>工具提示</li>
<li>彈出視窗</li>
<li>手風琴樣式</li>
<li>輪播</li>
<li>排版</li>
</ul>
<p>接下來的介紹中，我們會每一個的詳細介紹。在此之前，先看看如何使用且客製它們。</p>
</section>
可透過<a href=#"contents">go to contents </a> 讓網頁連結至該section頂部(不會換頁)
