尺寸
寬高工具類用相對於父層的百分比設定寬或高，對應官方 Sizing。它不管內容多少，只改盒子大小。
<div class="w-25 p-3 bg-body-secondary">寬 25%</div>
<div class="w-50 p-3 bg-body-secondary">寬 50%</div>
<div class="w-75 p-3 bg-body-secondary">寬 75%</div>
<div class="w-100 p-3 bg-body-secondary">寬 100%</div>
<div class="mw-100">max-width: 100%，避免撐破容器</div>
| class | CSS |
|---|---|
w-25／50／75／100／auto |
width |
mw-100 |
max-width: 100% |
h-25 … h-100、vh-100 |
高度；vh-100 是視窗高度 |
min-vh-100 |
至少滿一屏，內容更高時再撐開 |
圖片請優先用 img-fluid，不要只靠 w-100。需要「欄寬」時，用 網格 的 col-* 比 w-50 更穩，因為欄會跟斷點一起變。