Vue 项目中如何使用Bootstrap5（简单易懂）

2024-01-15 22:57| 来源: 网络整理| 查看: 265

Vue 项目中如何使用Bootstrap5（简单易懂）安装在 src/main.js 文件下引入包在vue文件中使用

Bootstrap官网（中文）：https://www.bootcss.com/ Bootstrap5文档：https://v5.bootcss.com/docs/getting-started/introduction/

在这里插入图片描述

安装

首先安装 bootstrap5 和 popperjs

# bootstrap 依赖popperjs 必须安装 npm install bootstrap @popperjs/core --save or pnpm install bootstrap @popperjs/core --save or yarn add bootstrap @popperjs/core --save 在 src/main.js 文件下引入包 import 'bootstrap' import 'bootstrap/dist/css/bootstrap.min.css' 在vue文件中使用 Navbar Home Link Dropdown Action Another action Something else here Disabled Search

在这里插入图片描述可查看对应文档引用不同组件 https://v5.bootcss.com/docs/components/navbar/

到这里就结束了，后续还会更新前端系列相关，还请持续关注！感谢阅读，若有错误可以在下方评论区留言哦！！！

111

【本文地址】

公司简介

联系我们