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 丸 |