utilities

Bootstrap provides extensive utility classes for spacing (m-*, p-*), colors (text-*, bg-*), display, borders, shadows, and more.

Syntax

bootstrap

class="mt-3 px-4 text-primary bg-light rounded shadow-sm"

Example

bootstrap

<!-- Spacing: m=margin p=padding, t/b/s/e/x/y direction, 0-5 size -->
<div class="mt-4 mb-2 px-3 py-2">

<!-- Colors -->
<p class="text-success bg-light">

<!-- Rounded corners -->
<img class="rounded-circle">

<!-- Display -->
<div class="d-none d-md-block">