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