Jumbotron
Lightweight, flexible component for showcasing hero unit style content.
Preview
A lightweight, flexible component that will take 6, 8, and 12 columns in large, medium, small screen sizes.
PROJECT NAME
Project description
It uses utility classes for typography and spacing to space content out within the larger container.
Code
<div class="jumbotron color-dark text-light">
<div class="container">
<div class="row">
<div class="col-12 col-md-8 col-lg-6">
<h1>PROJECT NAME</h1>
<hr class="border-gradient my-4">
<strong>Project description</strong>
<p>It uses utility classes for typography and spacing to space
content out within the larger container.
</p>
</div>
</div>
</div>
</div>
Accessibility
Ensure accessibility by using contrast background and text colors.