Bootstrap专家助手

该工具集包含多个专门的插件,涵盖Bootstrap 5的各个方面,包括入门指南、定制主题、表单管理、布局设计等,适合前端开发者在构建响应式网页时使用。

一键安装此套包中的所有插件:

42plugin install sjnims/kit/bootstrap-expert

包含的插件(11)

Bootstrap概览助手

sjnims

Skill

当用户询问 Bootstrap 5 入门、Bootstrap 安装、Bootstrap CDN 设置、Bootstrap npm 安装、Bootstrap Bun 安装、Bootstrap 项目设置、Bootstrap 启动模板、Bootstrap 浏览器支持、Bootstrap 版本兼容性时应使用此技能。

4.5

Bootstrap自定义指南

sjnims

Skill

当用户询问“如何自定义 Bootstrap”、“如何创建自定义 Bootstrap 主题”、“我可以覆盖哪些 Sass 变量”、“如何在 Bootstrap 中实现暗黑模式”、“如何更改 Bootstrap 颜色”、“如何覆盖 Bootstrap 默认值”、“如何添加自定义颜色时应使用此技能。

4.4

Bootstrap表单管理助手

sjnims

Skill

当用户询问 Bootstrap 表单、Bootstrap 表单控件、Bootstrap 输入字段、Bootstrap 选择框、Bootstrap 复选框、Bootstrap 单选按钮、Bootstrap 开关、Bootstrap 范围输入、Bootstrap 输入组、Bootstrap 浮动标签、Bootstrap 表单验证时应使用此技能。

4.3

Bootstrap内容样式助手

sjnims

Skill

当用户询问 Bootstrap 排版、如何在 Bootstrap 中样式化文本、展示 Bootstrap 标题样式、Bootstrap 文本看起来不正确、文本在 Bootstrap 中未换行、如何创建响应式表格、Bootstrap 表格不响应、Bootstrap 表格溢出时应使用此技能。

4.1

Bootstrap布局管理器

sjnims

Skill

当用户询问 Bootstrap 网格系统、Bootstrap 容器、Bootstrap 断点、Bootstrap 列、Bootstrap 行、Bootstrap 间隔、Bootstrap 响应式布局、Bootstrap CSS 网格、Bootstrap z-index、Bootstrap 行列、Bootstrap 偏移类时应使用此技能。

3.9

Bootstrap实用工具助手

sjnims

Skill

当用户询问 Bootstrap 工具类、Bootstrap 间距工具类、Bootstrap 边距工具类、Bootstrap 填充工具类、Bootstrap 显示工具类、Bootstrap 弹性工具类、Bootstrap 文本工具类、Bootstrap 颜色工具类、Bootstrap 背景工具类时应使用此技能。

3.9

Bootstrap图标查询助手

sjnims

Skill

当用户询问 Bootstrap 图标、Bootstrap 图标库、如何安装 Bootstrap 图标、如何使用 Bootstrap 图标、Bootstrap 图标字体、Bootstrap 图标 SVG、Bootstrap 图标精灵、Bootstrap 图标 CDN、Bootstrap 图标 npm、Bootstrap 图标 Composer、PHP Bootstrap 时应使用此技能。

3.9

Bootstrap助手工具

sjnims

Skill

当用户询问 Bootstrap 辅助工具、Bootstrap 清除浮动、Bootstrap 颜色和背景辅助工具、Bootstrap 彩色链接、Bootstrap 聚焦环、Bootstrap 图标链接、Bootstrap 位置辅助工具、Bootstrap 比例辅助工具、Bootstrap 堆叠、Bootstrap 拉伸链接时应使用此技能。

3.6

Bootstrap组件助手

sjnims

Skill

当用户询问 Bootstrap 组件、如何创建模态框、导航栏不折叠、轮播自动播放、响应式卡片网格、吐司通知、下拉菜单、手风琴 FAQ、侧边栏、选项卡导航、工具提示未显示、弹出框未显示时应使用此技能。

3.4

Bootstrap专家智能体

sjnims

Agent

Bootstrap专家智能体是一个专为使用Bootstrap 5的开发者设计的智能代理,旨在提供高效的技术支持和最佳实践指导。当用户在构建网页时遇到Bootstrap组件的实现、布局调整或响应式设计问题时,该代理能够主动识别并提供帮助。例如,当用户请求创建响应式导航栏或排查模态框功能故障时,代理将自动介入,提供符合Bootstrap标准的解决方案。通过利用此代理,开发者可以更快速地解决问题,提升开发效率,确保项目遵循Bootstrap的最佳实践。

2.8

Bootstrap操作指令

sjnims

Command

Bootstrap操作指令插件提供了一种高效的方式来生成符合Bootstrap 5.3标准的组件代码。用户可以通过输入特定的组件名称及其选项,快速获取所需的组件代码,支持的组件包括导航栏、模态框、卡片、手风琴、轮播、下拉菜单、选项卡、表单、表格、警报、吐司、侧边栏、分页、面包屑、按钮组和列表组等。该插件允许用户进行交互式操作或通过参数直接生成代码,简化了开发流程,提高了工作效率。通过使用此插件,开发者能够更专注于应用的功能实现,而无需手动编写繁琐的组件代码。

2.7