介绍
英文官网（唯一官方）：https://getbootstrap.com Bootstrap 官方只有这一个网站，由 Bootstrap 团队维护，提供最新版（目前是 v5.x）的文档、下载、示例等。
关于 “中文官方网站”： Bootstrap 没有由官方团队运营的中文站。常见的 “中文网” 都是志愿者 / 社区翻译的第三方站点，并非官方：如 https://v5.bootcss.com/
Bootstrap方法论的指导方针
- 组件应当支持响应式布局和移动设备优先
- 组件应当使用基准类（base class）构建，并通过修饰符类（modifier class）进行扩展
- 组件的状态应当遵循常规的 z-index 使用逻辑
- 尽可能使用 HTML 和 CSS 来实现功能，而不是 JavaScript
- 尽可能使用工具类来修改样式，而不是自定义样式
- 尽可能避免对 HTML 结构的强依赖（例如，子选择器）
为什么使用 Bootstrap
Bootstrap 是全球使用最广的前端 UI 框架之一，核心价值是 “快” 和 “省”：
- 开发效率高：预置导航栏、按钮、表单、弹窗、轮播、卡片等数十种现成组件，直接套用，不用从零写 CSS。
- 响应式网格系统：12 列栅格 + 断点机制，一套代码适配手机 / 平板 / 桌面。
- 跨浏览器一致：内置解决 IE / 老浏览器的兼容细节。
- 生态成熟：官方文档详尽，第三方主题、组件扩展海量，招人 / 交接成本低。
- 高度可定制：基于 Sass 变量，可通过主题变量改主色、圆角、间距，没那么死板。
主要不足
- 包体积偏大：即便按需引入，也比纯手写 CSS 重。
- “长一个样”：默认样式辨识度低，很多网站一眼就是 Bootstrap 味，需要额外定制。
- HTML 类名冗长：大量
class="row col-md-6 d-flex justify-content-between"，代码观感重。 - 对复杂交互支持有限：它是 “CSS + 少量 JS 组件” 的框架，做不了复杂前端应用里的组件逻辑、状态管理。
现代应用是否建议用
看项目类型，分两种情况：
| 场景 | 建议 |
|---|---|
| 营销官网、企业站、后台管理面板、原型、快速交付的小项目 | 仍然推荐，Bootstrap 5 完全够用，效率最高 |
| 复杂 SPA / 前后端分离的大型应用（React/Vue 为主） | 不推荐直接用 Bootstrap，更建议 Tailwind CSS + 组件库，或 Ant Design、Element Plus、MUI 等框架专用库 |
补充说明
- Bootstrap 官方目前已经发布了 Bootstrap 5.3.x（基于 CSS 变量重构），并正在开发 v6，并没有 “淘汰”，官方文档仍在活跃维护。
- 如果你用 React/Vue，直接用对应生态的组件库（Ant Design / MUI / Element Plus）通常比 Bootstrap 更贴合，因为它们的组件带完整状态和逻辑，而 Bootstrap 的组件偏静态。
- 若是 PHP 后端渲染 + jQuery 风格的快速站，Bootstrap 依然是省心之选。
一句话总结：Bootstrap 没死，适合 “快速、简单、重展示” 的站点；现代大型应用则倾向于 “Tailwind / 组件库” 这类更贴合框架的方案。选择取决于你是在做官网还是做复杂业务应用。
本站大部分应用基于Bootstrap 5.3.8 版本开发，从国外官网下载的5.3.8的ZIP包 ，解压后里面包含一个CSS，一个JS共两个文件夹。
CSS文件夹内容：
| 维度 | 取值 | 含义 |
|---|---|---|
| 基础名 | bootstrap | 完整框架样式（最常用，引它一个就够） |
bootstrap-grid | 只含栅格系统（12 列响应式布局），不要其他组件样式时用 | |
bootstrap-reboot | 只有 reset 重置样式（统一各浏览器默认样式） | |
bootstrap-utilities | 只有工具类（间距、对齐、颜色、边框等 class） | |
| rtl | 有 -rtl | 从右到左排版的版本，阿拉伯语、希伯来语等用 |
| 无 | 默认从左到右（LTR，日常用） | |
| min | .min | 压缩版，去空格体积最小，生产环境用 |
| 无 | 原始可读版，开发调试用 | |
| .map | 每个 css 都配 | Source Map，让浏览器调试压缩版时能映射回源码，不需要在页面引入 |
JS文件夹内容：
| 文件名 | 作用 |
|---|---|
bootstrap.js | 标准版 JS，不包含 Popper.js，适合自己单独引入 Popper 的情况 |
bootstrap.bundle.js | 捆绑版，已把 Popper.js 打包进来。需要用到下拉菜单、tooltip、popover 时直接用它最省事（日常推荐） |
bootstrap.esm.js | ES Module 版，用 import 按需加载单个组件，供 Webpack/Vite 等现代打包工具使用 |