欢迎使用 use-bootstrap！👋😁
文档 📗
我们建议您浏览官方网站 此处。官方网站提供了实际可运行的 文档 和 示例。
ja:我们建议您查看此官方网站。该网站提供了实际运行的文档和实现示例。（支持日语 ✨）
安装 🔧
安装 Bootstrap5 和 use-bootstrap NPM 包
npx nuxi@latest module add usebootstrap
在您的 nuxt.config 中添加一个 usebootstrap 部分。
export default defineNuxtConfig({
modules: [
'usebootstrap'
],
})
概念 🎤
use-bootstrap 是基于 Nuxt3 和 Bootstrap5 的前端框架。
- 扩展 Bootstrap5 SCSS
- 纯 Vue.js 脚本
- 支持 UnoCSS、nuxt-link、nuxt-image、nuxt-icon 等…
- UI 和数据的无缝集成
- 统一的颜色管理
- 静态片段生成器
组件
- 手风琴
- 警报
- 徽章
- 面包屑
- 按钮
- 按钮组
- 卡片
- 轮播
- 关闭按钮
- 折叠
- 下拉菜单
- 列表组
- 模态框
- 导航栏
- 导航和选项卡
- 画布
- 分页
- 占位符
- 弹出框
- 进度条
- 滚动侦听
- 加载动画
- 吐司
- 工具提示
- 范围
模块
- VueUse
- 图标
- 字体
- Animate.css
- 站点地图
- 机器人
- UnoCSS
- Leaflet 地图
- Markdown
扩展组件
- 网格模板
- 颜色模式
- 本地化
- 侧边栏
- 目录 (Toc)
- 代码高亮
- 简介
- Typed
- Swiper
- 分隔线
- 状态指示器
- 图标框
- 头像
- 交叉动画
- 返回顶部
- 响应式分隔线
- Json 查看器
- 密码强度
- Tiptap 编辑器
- 可排序
集成组件
- ViewState
- ActionState
有关详细说明，请点击 此处。
许可证 📄
代码在 **MIT 许可证** 下发布。