Bootstrap 提供为大语言模型和 AI 驱动的编码工具构建的资源:可以输入到 LLM 的机器可读文档,以及一套逐步引导代理完成常见 Bootstrap 任务的AI 编程助手技能。
适用于大语言模型的文档
我们的文档提供机器可读格式,遵循 llms.txt 规范。
| 文件 | 描述 | 链接 |
|---|---|---|
llms.txt | 每个文档页面的精心编制索引,附带链接和描述。 | https://bs.88fc.cn/llms.txt |
llms-full.txt | 将文档全文合并为单个文件,以便直接导入。 | https://bs.88fc.cn/llms-full.txt |
技能
将每个 Bootstrap 技能安装到你的编程助手中:
npx skills add twbs/bootstrap
Skills CLI 会将我们仓库中的每个 SKILL.md 复制到你的代理中。skills.sh 会在有人运行该命令后列出该包。没有提交表单。
Bootstrap 也提供相同的内容 AI 编程助手技能 在 skills/ 我们仓库的目录。每个技能都是针对一个 Bootstrap 任务的专注逐步操作指南,从迁移项目或设置新构建到创建组件和自定义我们的色彩系统。
要在不使用 CLI 的情况下使用,只需将你的代理指向相关的 SKILL.md 文件并描述你想要做的事情。技能的 description 字段告诉代理什么时候适用,其步骤可使代理与我们的官方指南保持一致。始终将代理的更改与相应的文档进行对照审查。
| 技能 | 描述 | 指南 |
|---|---|---|
bootstrap-v4-v6-migration | 将项目从 Bootstrap 4 迁移到 Bootstrap 6。在从 Bootstrap 4 升级、跨越两个主要版本,或在 v4 到 v5 以及 v5 到 v6 的步骤中更新 v4 类名、数据属性、表单和 JavaScript 时使用。 | 迁移 |
bootstrap-v5-v6-migration | 将项目从 Bootstrap 5 迁移到 Bootstrap 6。适用于从 Bootstrap 5 升级、将 v5 迁移到 v6,或将 v5 的类名、组件、Sass 或 JavaScript 更新到最新版本。对于 Bootstrap 4 项目,请先使用 v4 到 v6 的迁移技能。 | 迁移 |
bootstrap-v6-install | 将 Bootstrap 6 添加到项目中并设置本地开发环境。用于安装 Bootstrap、将 Bootstrap 添加到新项目或现有项目,或通过 CDN 或包管理器设置 Bootstrap 的 CSS 和 JavaScript 时使用。 | 安装 Bootstrap |
bootstrap-npm | 使用仅 npm 和命令行工具(无打包器)构建一个 Bootstrap 6 入门项目。在使用 npm 设置 Bootstrap、从命令行将 Bootstrap 的 Sass 编译为 CSS 或创建基于 npm 的 Bootstrap 项目时使用。 | Bootstrap 和 npm |
bootstrap-webpack | 在使用 Webpack 的项目中包含并打包 Bootstrap 6 的 CSS 和 JavaScript。在使用 Webpack 设置 Bootstrap、为 Bootstrap 的 Sass 和 JS 配置 Webpack 加载器或创建基于 Webpack 的 Bootstrap 项目时使用。 | Bootstrap 和 Webpack |
bootstrap-parcel | 在项目中使用 Parcel 包含并捆绑 Bootstrap 6 的 CSS 和 JavaScript。在使用 Parcel 设置 Bootstrap、通过 Parcel 捆绑 Bootstrap 的 Sass 和 JS 或创建基于 Parcel 的 Bootstrap 项目时使用。 | Bootstrap 和 Parcel |
bootstrap-vite | 在使用 Vite 的项目中包含并打包 Bootstrap 6 的 CSS 和 JavaScript。在通过 Vite 设置 Bootstrap、通过 Vite 打包 Bootstrap 的 Sass 和 JS,或创建基于 Vite 的 Bootstrap 项目时使用。 | Bootstrap 和 Vite |
bootstrap-component | 构建 Bootstrap 6 组件的 CSS 和标记。在创建新组件、添加修饰符或变体类,或使用 Bootstrap 的 Sass 令牌映射和主题覆盖编写组件样式时使用。 | 组件 |
bootstrap-component-js | 向 Bootstrap 6 组件添加 JavaScript 行为。在编写组件的 TypeScript 源代码时使用,扩展 BaseComponent,连接数据 API,添加事件或配置选项,或集成 Floating UI 或第三方库。 | JavaScript |
bootstrap-color-system | 在 Sass 和 CSS 中使用 Bootstrap 6 的颜色系统。用于自定义颜色、添加或覆盖主题颜色、使用颜色模式,或使用颜色刻度、语义标记和主题类。 | 颜色 |
bootstrap-utility-api | 使用、扩展和自定义 Bootstrap 6 的工具 API。在添加自定义工具类、修改或移除 Bootstrap 的默认工具、启用响应式或状态变体,或精简生成的工具 CSS 时使用。 | 工具类 API |