<bootstrap div 置頂>是指使用Bootstrap前端框架中的CSS類和樣式，將一個容器元素固定在頁面頂部，即使用戶滾動頁面，該容器仍然保持在頂部位置。這種技術通常用于創建固定的導航欄或其他重要的信息展示欄。下面將通過幾個代碼案例來詳細解釋說明。
第一個案例是創建一個固定導航欄，即頂部的導航菜單欄會一直停留在頁面頂部，無論用戶向下滾動多少內容。，在HTML文件的頂部加入以下代碼：

\<nav class="navbar navbar-fixed-top">
<!--導航欄內容-->
</nav>

在這個示例中，我們使用了Bootstrap提供的CSS類"navbar navbar-fixed-top"來將導航欄固定在頁面頂部。你可以在\<nav>標簽內添加導航欄的具體內容，如鏈接、品牌logo等。這樣，即使用戶滾動頁面，導航欄也會一直停留在頁面頂部。
第二個案例是創建一個固定的信息欄，用于展示重要的公告或提示信息。，在HTML文件的頂部加入以下代碼：

\<div class="alert alert-info alert-dismissible fade in" role="alert" style="position: fixed; top: 0;">
<!--信息欄的內容-->
\<button type="button" class="close" data-dismiss="alert" aria-label="Close">
\<span aria-hidden="true">×</span>
\</button>
</div>

在這個示例中，我們使用了Bootstrap提供的CSS類"alert alert-info alert-dismissible fade in"來設置信息欄的樣式。通過添加"position: fixed; top: 0;"的內聯樣式，我們將信息欄固定在頁面頂部。你可以在\<div>標簽內添加具體的內容，如公告文本、關閉按鈕等。用戶滾動頁面時，信息欄會始終保持在頂部。
第三個案例是創建一個固定的側邊欄，用于展示額外的導航菜單或其他內容。，在HTML文件中添加以下代碼：

\<div class="row">
\<div class="col-md-3" style="position: fixed; height: 100%; overflow-y: auto;">
<!--側邊欄內容-->
\</div>
\<div class="col-md-9">
<!--主要內容-->
\</div>
\</div>

在這個示例中，我們使用了Bootstrap的柵格系統來創建一個包含兩列的行。通過添加"position: fixed; height: 100%; overflow-y: auto;"的內聯樣式，我們將第一列列設置為固定的側邊欄。你可以在"col-md-3"的\<div>標簽內添加具體的側邊欄內容。第二列是主要的內容區域，你可以在"col-md-9"的\<div>標簽內添加主要內容。
以上是幾個關于<bootstrap div 置頂>的代碼案例。通過使用Bootstrap提供的CSS類和樣式，我們可以輕松地將一個容器固定在頁面頂部，無論頁面滾動多少內容。這種技術在創建固定導航欄、重要信息展示欄或固定側邊欄時非常有用。希望這些案例能夠幫助你更好地理解和應用Bootstrap div 置頂技術。