Create a primary colored button.
<button class="btn ">Submit</button>
Bootstrap class for main action button
Create a column that takes up 4/12 of the width on medium screens.
<div class="row">\n <div class="">Column</div>\n</div>
Grid system class for medium devices
Add margin to all sides of an element.
<div class="">Content</div>
Spacing utility class
Create a hamburger menu button for navbar on mobile.
<button class="" type="button" data-bs-toggle="collapse">\n <span class="navbar-toggler-icon"></span>\n</button>
Class for responsive navigation button
Distribute flexbox items with maximum space between them.
Flexbox alignment utility
Set up a button to trigger a modal.
<button ="modal" data-bs-target="#myModal">Open</button>
Data attribute required to activate modal component
Style an input field.
<input type="text" class="">
Standard class for textual form controls
Certificate Locked
You must complete the exercises with a score of 70% or higher to unlock your certificate.
ProTechSolution
Certificate of Completion
Proudly Presented To
Student Name
For successfully completing all exercises and challenges with an outstanding score in the Bootstrap 5 course.
Verify ID: LH-XXXX-XXXXXX