Bootstrap是一種前端開發框架，它提供了一系列的CSS樣式、JavaScript插件和組件，可以用來快速構建響應式網站并且易于定制。Bootstrap也支持jQuery，可以幫助開發人員更容易地操作DOM元素。
在Bootstrap中有一個非常有用的組件叫做“標簽頁（Tab）”，它可以用于展示多個內容頁，并且可以通過點擊標簽頁來切換不同的內容。對于網站和應用程序中的導航、選項卡和一些切換效果來說，這是一個非常實用的工具。
要使用Bootstrap標簽頁組件，您需要將Bootstrap CSS和JavaScript文件添加到頁面中。您可以使用Bootstrap官方網站提供的CDN鏈接，也可以下載這些文件并將其部署到您的服務器上。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Bootstrap Tab Example</title>
<link rel="stylesheet" >
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<ul class="nav nav-tabs">
<li class="active"><a href="#home">Home</a></li>
<li><a href="#profile">Profile</a></li>
<li><a href="#messages">Messages</a></li>
</ul>
<div class="tab-content">
<div id="home" class="tab-pane fade in active">
<h3>HOME</h3>
<p>This is the home page.</p>
</div>
<div id="profile" class="tab-pane fade">
<h3>PROFILE</h3>
<p>This is the profile page.</p>
</div>
<div id="messages" class="tab-pane fade">
<h3>MESSAGES</h3>
<p>This is the messages page.</p>
</div>
</div>
</body>
</html>上面的代碼演示了如何在HTML文檔中使用Bootstrap標簽頁組件。在這個例子中，我們定義了三個標簽頁，分別對應不同的內容。要將這個示例代碼添加到您的頁面中，您需要將其保存為一個HTML文件，并在瀏覽器中打開它，以查看實際的效果。
總之，Bootstrap標簽頁組件是一個非常實用的工具，它可以幫助您快速構建具有導航和選項卡的網站和應用程序。如果您還沒有使用Bootstrap，建議您下載并學習它的文檔，以了解更多有關Bootstrap的知識。