Hackforge Academy

Explanation

Bootstrap provides predefined typography classes for headings, lead text, alignment, and text formatting.

Code:

<h1 class="display-4">Welcome</h1>
<p class="lead">Learn Bootstrap</p>
<p class="text-center">Centered Text</p>

Explanation

Bootstrap provides contextual text color classes such as primary, success, danger, warning, and muted.

Code:

<p class="text-primary">Primary</p>
<p class="text-success">Success</p>
<p class="text-danger">Error</p>

Explanation

Background utility classes can quickly apply predefined background colors.

Code:

<div class="bg-primary text-white">
  Primary Background
</div>

<div class="bg-light">
  Light Background
</div>

Explanation

Spacing utilities such as margin and padding can be applied without writing custom CSS.

Code:

<div class="mt-3 mb-4 p-3">
  Spaced Content
</div>

Explanation

Display and visibility utilities help control how elements appear at different screen sizes.

Code:

<div class="d-none d-md-block">
  Visible on medium screens and above
</div>