Yardımcı Sınıflar (Utilities)
Hizalama, boşluk (margin/padding), renkler, görünüm ve diğer zaman kazandıran yardımcı sınıflar.
Canlı örnek
Text and background colors
primary, success, danger, warning, muted bg-primary bg-success bg-danger bg-warning
Text alignment
.text-center
.text-right
Spacing (mt-*, mb-*, px-*, py-*)
.p-3
.p-2
.px-4 .py-2
.mt-2
Display and border
.d-none .d-md-inline-block
.rounded
.shadow
Kod
<div class="bg-primary text-white p-3 rounded">
<p class="text-center text-uppercase">Utilities</p>
</div>
<div class="d-flex justify-content-between align-items-center">
<span class="text-success font-weight-bold">Left</span>
<button class="btn btn-sm btn-outline-dark mt-3">Button</button>
</div>İpucu: mt-*, mb-*, px-*, py-* gibi boşluk sınıfları 0-5 arası değerleri kullanır (0, .25rem, .5rem, 1rem, 1.5rem, 3rem).