Bootstrap 版本对比

Bootstrap 3 vs 4 vs 5 完整功能差异

全面对比 Bootstrap 三个主要版本的特性、API 变化和迁移成本，帮助你选择最适合项目的版本。

特性	Bootstrap 3 v3.4.1	Bootstrap 4 v4.6.2	Bootstrap 5 v5.3.3
核心技术
CSS 预处理器	Less	Sass	Sass
jQuery 依赖	需要	需要	不需要
原生 JS 插件
CSS 自定义属性			全面支持
ES Module 支持
网格系统
栅格列数	12 列	12 列	12 列
响应式断点	xs, sm, md, lg	xs, sm, md, lg, xl	xs, sm, md, lg, xl, xxl
网格单位	px	rem	rem
Flexbox 网格	float
row-cols 类
CSS Grid 模式			v5.3+
组件
深色模式			data-bs-theme
Offcanvas 抽屉
Placeholder 占位符
Accordion 手风琴	Panel + Collapse	Card + Collapse	原生 Accordion
Close Button	Glyphicon	× 文字	btn-close 组件
浮动标签表单			form-floating
图标库	Glyphicons	无官方	Bootstrap Icons (2000+)
样式与工具
实用工具类数量	~500	~800	1000+
Gap 间距工具			gap-*
Sticky Footer
文本截断			text-truncate
拉伸链接			stretched-link
无障碍
ARIA 支持	部分	部分	全面
焦点环		:focus	focus-ring
色彩对比度 (WCAG)	AA	AA	AAA
性能
CSS 体积 (min)	~120 KB	~155 KB	~230 KB (含所有工具)
JS 体积 (min+gzip)	~36 KB (含 jQuery)	~48 KB (含 jQuery)	~16 KB (无 jQuery)
Tree-shaking

版本选择建议

根据你的项目需求选择合适的 Bootstrap 版本

Bootstrap 3

查看 v3 文档

Bootstrap 4

查看 v4 文档

Bootstrap 5 (推荐)

查看 v5 文档

从旧版本平滑迁移到 Bootstrap 5

从 Bootstrap 4 迁移到 5 的完整指南，包括 jQuery 移除、类名变化和 API 更新。

查看迁移指南

从 Bootstrap 3 直接跳到 5？了解所有版本间的变化和渐进式迁移策略。

查看 v3→4 迁移