Bootstrap 3 到 Bootstrap 4 CSS 更改
由于 Bootstrap 4 是一个重要的重写，因此许多 Bootstrap 3.x 类名已经更改或被删除。Navbar 等组件的重组，以及新 CSS 类和 Flexbox 支持的引入意味着升级到 4.x 不是一个简单的转换过程 3.x.
但是，有一些 Bootstrap 3.x CSS 类具有特定的 Bootstrap 4 替换。
CSS 类名称/选择器从 Bootstrap 3.3.7 更改为 4（alpha 6）
{t} - 表示层或断点（即：sm，md，lg 等）。
xs tier 是默认值，不需要指定：col-3，col-6 等。
{u} - 表示 col 单位大小（即：1-12）
| Bootstrap 3.x | Bootstrap 4 |
|---|---|
| .col-横置 - 【U】 | .col- {t} - {u}（leave {t} blank for xs） |
| .col- {吨} -offset- {U】 | .offset- {t} - {u}（leave {t} blank for xs） |
| .col- {吨} -push- {U】 | .push- {t} - {u}（leave {t} blank for xs） |
| .col- {吨} -pull- {U】 | .pull- {t} - {u}（leave {t} blank for xs） |
| 。面板 | 。卡 |
| .panel 航向 | .card 头 |
| .panel 标题 | .card 标题 |
| .panel 体 | .card 块 |
| .panel 躯 | .card 躯 |
| .panel 基色 | .card-primary.card 逆 |
| .panel 佳绩 | .card-success.card 逆 |
| .panel-信息 | .card-info.card 逆 |
| .panel 预警 | .card-warning.card 逆 |
| .panel-危险 | .card-danger.card 逆 |
| 。好 | .card.card 块 |
| .thumbnail | .card.card 块 |
| .list-inline> li | .LIST 内联项目 |
| .dropdown-menu> li | .dropdown 项目 |
| .nav navbar> li | .nav 项目 |
| .nav navbar> li> a | .nav 链接 |
| .navbar 右 | .ml-AUTO |
| .navbar-BTN | .nav 项目 |
| .navbar 固定顶 | .fixed 顶 |
| .nav 叠 | .flex 列 |
| .btn 默认 | .btn 二次 |
| .IMG 响应 | .IMG 液 |
| .IMG 圈 | .rounded 圈 |
| .IMG 圆润 | .rounded |
| .FORM 水平 | （已删除） |
| 。无线电 | .FORM 检查 |
| .checkbox | .FORM 检查 |
| 。输入 -LG | .FORM 控制 -LG |
| 。输入 -SM | .FORM 控制 -SM |
| ·控制标签 | .FORM 控制标签 |
| 。表冷凝 | 。表 -SM |
| .pagination> li | 。第项 |
| .pagination> li> a | 。第链接 |
| 。项目 | .carousel 项目 |
| 的 .text-帮助 | .FORM 控制反馈 |
| .pull 右 | .float 右 |
| .pull 左 | 。向左飘浮 |
| .center 块 | .MX-AUTO |
| .collapse.in | .collapse.show |
| .hidden-SM | .hidden-MD-下降 |
| .hidden-MD | .hidden-LG-下降 |
| .hidden-XS | .hidden-XS-下降 |
| 。可见 -XS | .hidden-SM-了 |
| 。可见 -SM | .hidden-XS-down.hidden-MD 机 |
| 。可见 -MD | .hidden-SM-down.hidden-LG-了 |
| 。可见，LG | .hidden-MD-down.hidden-XL-了 |
| 。标签 | 。徽章 |
| 。徽章 | .badge.badge 丸 |