邊框
邊框工具類用來加線、改粗細、上色與圓角，常跟卡片或自訂區塊一起用。對應官方 Borders。
<span class="border border-primary rounded-3 p-2">有色圓角框</span>
<img src="avatar.jpg" class="rounded-circle" alt="圓形頭像" width="64" height="64">
<div class="border-0">去掉邊框（蓋過元件預設邊線）</div>
| class | 作用 |
|---|---|
border |
四面邊線 |
border-top／bottom／start／end |
單邊 |
border-0、border-top-0 |
去掉邊線 |
border-primary 等 |
邊線顏色 |
border-2、border-3 |
加粗 |
rounded、rounded-circle、rounded-pill |
圓角、正圓、膠囊 |
效果展示
推薦影音
來源：CSS coke 繁體中文
走官方 Borders 文件，示範邊線、色彩與圓角怎麼跟其他元件組合。