SuperAPI AI 工具集

bootstrap-vue3

前端与建站

查看项目

更新于 10-16 03:15

技能介绍

用途:为 Vue 3 应用提供 Bootstrap Vue 3.0 组件库的使用指导,涵盖 Bootstrap 组件、栅格系统、工具类及 Vue 3 集成,也可用于从 Bootstrap Vue 2.x 迁移到 3.0。

主要能力:按官方文档结构组织内容,提供安装与基础用法、组件示例(Button、Form、Input、Table、Modal、Alert、Navbar、Grid、Card、Badge、Dropdown、Pagination、Tabs、Collapse、Popover、Tooltip)、指令说明(v-b-tooltip、v-b-popover、v-b-modal、v-b-toggle)、高级主题(主题定制、composables 如 useToast、useModal)以及各级 API 参考。附带项目搭建与组件使用模板。

使用方式:先根据用户需求定位主题,再加载 examples/ 下对应文件(如按钮对应 examples/components/button.md,表单对应 examples/components/form.md,栅格对应 examples/components/grid.md,指令对应 examples/directives/ 目录),按其语法与最佳实践改写代码;需要精确签名时查阅 api/ 目录的组件、指令、composables 文档,需要脚手架时参考 templates/。示例基于 Vue 3 + Bootstrap 5,使用组合式 API。最佳实践包括在入口导入 Bootstrap CSS、按需导入组件以利 tree-shaking、用栅格做响应式布局、遵循无障碍规范、用 Bootstrap 变量定制主题。

适用场景:需要快速编写 Bootstrap Vue 3 组件代码、响应式布局、表单与数据表格、模态与提示、导航结构、指令式组件控制及主题定制的前端开发工作。

限制:资料未提供收费、价格、平台或效果信息。使用前需确认具体版本与本指南是否匹配;本资料未给出完整长代码,实际代码需从对应示例文件获取。官方站点与文档为 https://bootstrap-vue.org 和 https://bootstrap-vue.org/docs,组件文档见 https://bootstrap-vue.org/docs/components,仓库为 https://github.com/bootstrap-vue/bootstrap-vue-next。