GrapesJS Bootstrap v5 模块
包含内容
- 免费下载使用
- 支持个人与商业使用
支持创作者
通过一次性或每月赞助,感谢创作者发布这款免费产品。
兼容 GrapesJS
已在 GrapesJS 0.22.x, 0.21.x, 0.20.x, 0.19.x, 0.18.x, 0.17.x 上测试
GitHub 开源
可免费使用、Fork 和贡献
编辑器兼容
专为 GrapesJS 开源编辑器设计
可免费使用
可用于个人和商业项目
使用 Bootstrap 5 Blocks for GrapesJS 在几秒钟内创建漂亮且响应灵敏的网页布局。
该插件将 Bootstrap 5 的全部功能——包括现代网格系统、响应式工具和预构建组件——直接整合到 GrapesJS 的可视化编辑器中。
轻松拖拽基于 Bootstrap 的部分、容器、行和列,构建自适应布局,无需动用代码。每个模块都遵循Bootstrap 5的结构,确保你的设计在每个设备上都表现出色。
非常适合:
🧩 开发者和设计师构建响应式模板
🎨 想要干净Bootstrap标记的无代码创作者
🚀 快速原型制作与界面布局组装
特色
-
🧱 响应式网格系统 ——包含 Bootstrap 5 容器、行和列
-
🎛 基于工具的样式—— 支持 Bootstrap 内置的间距和对齐类
-
💎 预制组件 ——即用版块,如页眉、页脚、卡片和按钮
-
⚡ 轻量级集成 ——无缝插入GrapesJS,只需最少设置
-
🔄 可定制 ——轻松延长或重新设计方块,以匹配您的项目设计系统
评分:
暂无评价,成为第一个分享体验的人。
问答
暂无问题,有什么想问的?
此插件可帮助解决的常见问题
社区中关于同一主题的真实问题——看看其他人是如何解决的。
- #5829💬 3 条回答
Uncaught TypeError: __webpack_require__.r is not a function at ./node_modules/grapesjs/dist/grapes.mjs (grapes.mjs:1:1) at __webpack_require__ (bootstrap:789:1) at fn (bootstrap:150:1) at ./src/Demo/Templates/TextEditor.js (Templates.js:31:1) at __webpack_require__ (bootstrap:789:1) at fn (bootstrap:150:1) at ./src/Demo/Templates/Templates.js (Templates.css:45:1) at __webpack_require__ (bootstrap:789:1) at fn (bootstrap:150:1)
- #4400💬 3 条回答
Bootstrap Carousel Slider is not working
- #3078💬 3 条回答
How to make bootstrap 4 carousel work with grapesjs?
- #860💬 3 条回答
Can't bootstrap GrapesJS + Material Design Lite integration
