SuperAPI AI 工具集

bootstrap-helper

前端与建站

查看项目

更新于 10-15 17:33

技能介绍

用途:在需要使用 Bootstrap 5.3 构建 Web 前端 UI 或布局时提供参考文档。适用于查找 modal、navbar、card 等特定组件用法,实现表单、导航、下拉菜单等交互,定制主题、颜色或响应式断点,以及排查 Bootstrap 与其他库的集成问题。

主要能力:以 references/ 目录下的 Markdown 文档形式,覆盖 Bootstrap 5.3 的组件(accordion、alerts、badge、breadcrumb、按钮组、按钮、卡片、轮播、折叠、下拉菜单、列表组、模态框、导航栏、导航与标签页、Offcanvas、分页、占位符、弹出框、进度条、滚动监听、加载指示器、Toast、工具提示)、内容(图片、表格、排版、Reboot、figure)、表单(校验、输入组、浮动标签、checks 与 radios、布局、range、select、form control)、定制(颜色、颜色模式、CSS 变量、Sass)、示例(瀑布流)以及入门(下载安装、简介、JavaScript 等)。文档内含完整的 HTML/CSS/JavaScript 示例代码。

使用方式:先明确需求,再在文档目录索引中按类别定位具体文件名,用 read 工具阅读 references/ 下的对应文档,理解结构和配置后再参考示例实现。例如查找 Modal 组件时阅读 docs-5.3-components-modal.md;构建响应式导航栏时阅读 docs-5.3-components-navbar.md,如需网格布局再查 docs-5.3-layout-grid.md。

适用场景:Bootstrap 5.3 的组件查找、响应式布局、表单与交互实现、主题与颜色模式定制,以及集成问题排查。

限制:资料仅提供文档索引与使用方法,未提供具体收费、价格、平台、效果或额外安装步骤等信息。