| 特点 | Bootstrap 4 版本 | Bootstrap 5 版本 |
|---|
| 发布日期 | Bootstrap 4 于 2018 年 1 月发布，它标志着相对于以前的版本有了显着进步。 | Bootstrap 5 于 2021 年 5 月发布。此版本是在多次 alpha 和 beta 版本迭代之后发布的，因此，它包含大量重要的补充和新功能。 |
| 链接 | <link rel = "stylesheet" href = "https://cdn.jsdelivr.net.cn/npm/[email protected]/dist/css/bootstrap.min.css">
<script src = "https://cdn.jsdelivr.net.cn/npm/[email protected]/dist/js/bootstrap.bundle.min.js"> </script> | <link href = "https://cdn.jsdelivr.net.cn/npm/[email protected]/dist/css/bootstrap.min.css" rel = "stylesheet">
<script src = "https://cdn.jsdelivr.net.cn/npm/[email protected]/dist/js/bootstrap.bundle.min.js"> </script> |
| 网格系统 | Bootstrap 4 有五个级别：xs、sm、md、lg 和 xl。 | Bootstrap 5 有六个级别：xs、sm、md、lg、xl 和 xxl。 |
| Jquery 插件 | Bootstrap 4 包含 jquery 和所有相关的插件。 | Jquery 已被删除，并在 Bootstrap 5 中被 vanilla JS 和几个功能插件取代。 |
| 颜色 | Bootstrap 4 为网页提供了一些颜色。 | 额外的颜色插入到外观中，并且卡片的调色板已升级。 Bootstrap 5 框架有多种颜色可供选择。 |
| Internet Explorer | Bootstrap 4 兼容 Internet Explorer 10 和 11。 | Bootstrap 5 不支持 Internet Explorer 10 和 11。 |
| 表单元素 | 单选按钮和复选框在不同的操作系统和浏览器中显示不同。 该表单利用了可用的任何基本浏览器功能。 | 在使用不同的操作系统或浏览器时，表单元素的外观不会改变。 这些表单会交替并添加表单控件；它们不依赖于浏览器。 |
| Utilities API | 我们无法在 Bootstrap 4 中更改 utilities。 | Bootstrap 5 为我们提供了调整和开发我们自己的 utility 的能力。 |
| 利用 gutter。 | Bootstrap 4 在 px 字体大小中使用 glutter。 | 在 Bootstrap 5 中使用 .g*，字体大小设置为 rem。 |
| 垂直组 | 列可以相对于彼此定位。 | 列不能相对于彼此定位。 |
| Bootstrap 图标 | Bootstrap 4 缺少 SVG 图标；我们必须依赖 font-awesome 来获取图标。 | Bootstrap 5 有自己的一组 SVG 图标。 |
| Jumbotron | Bootstrap 4 兼容 jumbotron。 | 它与 jumbotron 不兼容。 |
| 卡片组 | 卡片组用于制作具有相同宽度和高度的卡片 isset。 | 卡片组类已从 Bootstrap 中删除。 |
| 导航栏 | 我们有 inline-block 属性，并且白色下拉菜单将是 dropdown-menu-dark 类的默认设置。 | inline-block 属性已被删除，并且 dropdown-menu-dark 类现在具有黑色下拉菜单作为默认设置。 |
| 静态网站生成器 | Bootstrap 4 使用 Jekyll 软件。 | Bootstrap 5 使用快速静态生成器 Hugo。 |
| grid flexbox | 它使垂直设计更容易构建，并且可以轻松地实现列和行。 直接使用 justify-center-content 类来根据需要对齐。 | 提供了更复杂的网格系统，并且列没有相对位置。 |
| CSS 可用性 | Bootstrap 4 使用较少的 CSS 属性。 | Bootstrap 4 使用更多的 CSS 属性。 |
| offcanvas 组件 | 没有 off-canvas 元素。 | 现在可以使用 offcanvas 组件。 |
| RTL 支持 | 语言不支持 RTL（从右到左）切换。 | 它支持 RTL（从右到左）语言切换。 |
Python
Java
JavaScript
SQL
C
C++
HTML
CSS
React
Node.js
Spring Boot
C#
PHP
MySQL
MongoDB
AI
ML
DSA
DBMS
OS
Aptitude
Reasoning