Vue.js 是一款流行的 JavaScript 框架，廣泛應用于前端開發中，能夠快速開發高性能的單頁面應用程序。Bootstrap 是最受歡迎的 CSS 框架之一，提供了豐富的 UI 組件和樣式，可以幫助我們快速創建美觀的 Web 頁面。在本文中，我們將學習如何使用 Vue.js 和 Bootstrap 相結合，以便在 Vue 應用程序中輕松地添加 Bootstrap 組件。

// 安裝 Bootstrap 和 jQuery
npm install --save bootstrap jquery
// 在 main.js 中導入 Bootstrap 和 jQuery
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap/dist/js/bootstrap.js'
import $ from 'jquery'
// 注冊全局組件
Vue.component('b-button', require('bootstrap-vue').BButton)

步驟如下：

1. 使用 Npm 安裝 Bootstrap 和 jQuery
2. 在 main.js 中導入 Bootstrap 和 jQuery
3. 注冊全局組件

通過以上簡單的步驟，我們就可以使用 Bootstrap 組件了。同時，Bootstrap Vue 為我們提供了更多的組件和指令，可以讓我們更方便地使用 Bootstrap。我們可以參考 Bootstrap Vue 的官方文檔，了解更多的組件和指令的使用方法。