Utilities (通用類別)

Bootstrap 幫你準備了一堆 Utility classes，讓你不用自己寫 CSS。
常見的種類有：

顏色

HTML
<p class="text-primary">主要顏色</p>
<p class="text-danger">錯誤訊息</p>
<p class="bg-warning">警告背景</p>

間距 (Spacing)

HTML
<div class="m-3">外距 margin 3</div>
<div class="p-2">內距 padding 2</div>
<div class="mt-5">上外距 5</div>

規則是 m/p + 方位 + 數字

• m = margin，p = padding

• 方位：t(top)、b(bottom)、s(start/left)、e(end/right)、x(左右)、y(上下)

版面 (Layout & Display)

HTML
<div class="d-flex justify-content-center align-items-center">
  Flex 置中
</div>
<div class="d-none d-md-block">
  只在桌面版顯示
</div>

字體 (Text & Font)

HTML
<p class="fw-bold text-uppercase">加粗大寫</p>
<p class="fst-italic text-muted">斜體、灰色文字</p>