Bootstrap是一種前端開發框架，它提供了強大的 CSS 和 JavaScript 組件，可以簡化 web 開發的過程。Bootstrap框架中包含了一些示例代碼和文檔，其中也包括了分頁組件，為我們的網站提供了非常方便的分頁效果。而JQuery是一款很受歡迎的 JavaScript 庫，它提供了強大的選擇器功能和便捷的 DOM 操作方法。我們可以借助JQuery來實現一些JavaScript分頁的邏輯操作。

分頁是 web 應用程序中非常常見的功能。當我們需要將數據分頁顯示時，可以使用 Bootstrap 提供的分頁組件來實現。

<ul class="pagination">
<li class="page-item">
<a class="page-link" href="#">1</a>
</li>
<li class="page-item">
<a class="page-link" href="#">2</a>
</li>
<li class="page-item">
<a class="page-link" href="#">3</a>
</li>
<li class="page-item">
<a class="page-link" href="#">4</a>
</li>
</ul>

上述代碼演示了一個簡單的分頁組件，我們可以通過添加 CSS 類來改變按鈕樣式，通過JQuery來實現翻頁操作。

$(document).ready(function(){
$(".pagination a").click(function(event){
event.preventDefault();
var page = $(this).text();
$(".active").removeClass("active");
$(this).parent().addClass("active");
$("#data").load("page.php?page=" + page);
});
});

上述代碼使用JQuery綁定了分頁中的標簽的點擊事件。通過獲取當前標簽的文本內容來確定用戶點擊了哪一頁。同時，我們將當前頁碼添加.active類來突出顯示當前頁。然后通過用JQuery的 $.load() 方法加載 page.php 頁面，以便我們檢索當前頁的數據。

總結，Bootstrap提供的分頁組件可以使我們輕松地實現分頁效果，在使用JQuery的幫助下，可以更容易地處理分頁邏輯。