bootstrapv3 v4 v5

### Bootstrap 不同版本间的差异

#### 移动优先与浏览器支持
Bootstrap 3 特点之一是移动设备优先并兼容至 IE8[^3]。而到了 Bootstrap 5，虽然仍然保持移动优先的原则，但已不再支持 Internet Explorer 浏览器，转而专注于现代浏览器的支持[^4]。

#### 响应式设计改进
自第 3 版起就采用了栅格系统来实现响应式网页布局；随着版本迭代，在 v4 和 v5 中对此功能进行了优化和完善，使得开发者可以更轻松地创建复杂的响应式页面结构。

#### 组件更新
从 V3 到更高版本的过程中，不仅增加了新的 UI 及 JavaScript 插件组件数量，同时也对现有的一些组件做了重构或移除处理。例如，在最新版中简化了很多类名命名方式，并且增强了可定制化程度。

#### Flexbox 支持增强
Bootstrap 4 开始全面拥抱 CSS Flexible Box Layout Module (Flexbox)，这为构建灵活多变的布局提供了强大工具。V5 进一步加强了这一特性，让开发人员能够更加高效地管理元素排列和间距等问题。

#### JS 文件变化
对于JavaScript方面，在早期版本里需要单独引入`bootstrap.min.js`; 而在后续版本如v5，则推荐使用包含了 Popper 库在内的 `bootstrap.bundle.js` 来获得更好的交互体验和支持更多高级功能[^1][^2].

<!-- Bootstrap 3 -->
<script src="js/bootstrap.min.js"></script>

<!-- Bootstrap 5 -->
<script src="js/bootstrap.bundle.js"></script>

#### 升级指南建议
当考虑从较低版本向较新版本迁移时，除了关注上述提到的主要变动外，还需要仔细阅读官方提供的具体升级指导文档，特别是针对特定组件的行为改变部分。通常情况下，官方会提供详细的步骤帮助用户顺利完成过渡过程。