Ant Design 更适合中后台系统，Bootstrap 更适合快速搭建通用型管理页；前者组件封装深、开箱即用，后者零学习成本、纯 CSS 驱动；主题定制、兼容性、移动端及无障碍支持各有优劣。
Ant Design 更适合中后台系统，Bootstrap 更适合快速搭通用型管理页
如果你在开发 OA、CRM、ERP 或 HR 这类需要表单校验、表格分页、权限粒度控制、多级菜单和数据密集交互的系统，Ant Design 是更省力的选择；而如果你只是做一个内部工具页、运营配置页，或者团队里 React 不熟但 HTML/CSS 能上手，Bootstrap 的零学习成本和纯 CSS 类名驱动方式反而更快落地。
组件封装深度差异直接决定开发节奏
Ant Design 的 Table、Form、DatePicker 都是带状态、受控、可扩展的 React 组件，天然支持异步加载、字段联动、错误反馈闭环；Bootstrap 的对应能力得靠 jQuery 插件或自己用 useState + useEffect 手动缝合——比如一个带搜索+重置+导出的表格头，AntD 三五行 JSX 就完事，Bootstrap 得写 DOM 查询、事件绑定、class 切换逻辑。
-
Ant Design的Form.Item自动收集值、校验、展示错误，rules支持函数式动态规则 -
Bootstrap的form-control只是样式类，表单逻辑全靠你自己组织 - 想加个「点击展开更多筛选项」？AntD 用
collapse+Form组合即可；Bootstrap 得手动 toggle class、处理动画、同步 aria 属性
定制主题时最容易踩的坑不是配色，而是 CSS 作用域失控
Ant Design 默认用 CSS-in-JS（@ant-design/cssinjs）或 less 变量覆盖，改主题只要调 @primary-color 就能全局生效；但很多人直接在项目里 import 'antd/dist/reset.css' 后又全局写 .ant-btn { border-radius: 0 !important }，结果导致暗黑模式失效、组件嵌套样式错乱、升级后大面积崩坏。
- 正确做法：用
theme配置对象传给ConfigProvider，或使用modifyVars编译 less -
Bootstrap定制反而简单粗暴：下载源码改$primary变量，重新编译 CSS 即可，但缺点是无法按需加载，打包体积难压 - 别在 AntD 项目里混用 Bootstrap 的 class 名（比如
btn btn-primary），两者按钮 padding、line-height、focus 样式冲突极常见
浏览器兼容性要求高时，Bootstrap 的“保守”反而是优势
如果必须支持 IE11 或某些国产信创浏览器（如 360 安全浏览器兼容模式），Bootstrap 5 已放弃 IE，但 Bootstrap 4.6 仍被大量维护；而 Ant Design 5 明确最低支持 Chrome 80+、Edge 91+、Firefox 78+、Safari 14+，连 IE11 的 polyfill 都不打包了。这时候硬上 AntD，光是 Promise.allSettled、Array.prototype.at 这类语法就得额外配 babel 和 core-js，调试成本陡增。
- 查兼容性不要只看官网声明，实际测试
DatePicker在麒麟 V10 + 火狐 ESR 上能否正常弹出日历面板 - AntD 的
virtualized表格（Table的scroll={{ y: 400 }}）在低性能终端容易卡顿，Bootstrap 表格无此问题但也没虚拟滚动 - 移动端适配：AntD Mobile 是独立包，和 PC 版 AntD 不互通；Bootstrap 一套栅格通吃，但响应式断点行为不如 AntD Mobile 精细
