在 vue.js 中使用 bootstrap 分为五个步骤：安装 bootstrap。在 main.js 中导入 bootstrap。直接在模板中使用 bootstrap 组件。可选：自定义样式。可选：使用插件。
在 Vue.js 中使用 Bootstrap
Bootstrap 是一个流行的 CSS 框架，用于快速创建响应式、移动优先的 Web 应用程序。在 Vue.js 中使用 Bootstrap 非常简单。
步骤 1：安装 Bootstrap
npm install bootstrap
步骤 2：导入 Bootstrap
立即学习“前端免费学习笔记（深入）”；
在你的 Vue.js 应用程序的 main.js 文件中，导入 Bootstrap：
import 'bootstrap'
步骤 3：使用 Bootstrap 组件
Bootstrap 提供了各种组件，例如按钮、导航栏和模式框，可以直接在 Vue.js 模板中使用。以下是如何使用一些最常见的组件：
按钮：
<button type="button" class="btn btn-primary">按钮</button>
导航栏：
<nav class="navbar navbar-expand-lg navbar-light bg-light"> ... </nav>
模式框：
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"> ... </div>
步骤 4：自定义样式（可选）
如果你需要对 Bootstrap 的默认样式进行自定义，可以使用 Sass 或 Less 等 CSS 预处理器。
步骤 5：使用插件（可选）
Bootstrap 提供了一系列可供选择的插件，用于添加额外的功能，例如：
注意：
