Bootstrap Utility Classes Demonstration

1. Margin and Padding Utilities

Padding Example (p-3)
Margin Top Example (mt-4)

2. Text Utility Classes

Left Aligned Text

Center Aligned Blue Text

Right Aligned Red Text

Bold Text

Light Weight Text

3. Background Utilities

Primary Background
Success Background
Danger Background
Warning Background
Dark Background

4. Border Utilities

Normal Border
Blue Border
Thick Red Border

5. Shadow Utilities

Small Shadow
Normal Shadow
Large Shadow

6. Width Utilities

25% Width
50% Width
75% Width
100% Width

7. Flexbox Utilities

Left
Center
Right

8. Display Utilities

Inline
Inline
Block Element

9. Position Utilities

Notification

10. Responsive Utility Classes

Visible on Tablet and Desktop
Visible on Mobile Only