Bootstrap 5 Utilities and Helpers Quiz
Want to learn more than this quiz offers you? Have a look at my Frontend web
development courses.
Create an account and save your quiz results
Login and save your results
OR
Question 1/15
Which utility class will transform the text to uppercase in Bootstrap 5?
Select your answer
Question 2/15
What utility class would you use to set an element to display as none in Bootstrap 5?
Select your answer
Question 3/15
Which utility class would you use in Bootstrap 5 to add a margin to all sides of an element?
Select your answer
Question 4/15
Which class in Bootstrap 5 is used to add a shadow effect to an element?
Select your answer
Question 5/15
In Bootstrap 5, what does the 'overflow-auto' utility class do?
Select your answer
Question 6/15
Which class in Bootstrap 5 can be used to make an element's text italic?
Select your answer
Question 7/15
What is the purpose of the 'd-flex' class in Bootstrap 5?
Select your answer
Question 8/15
How does the 'bg-danger' class affect an element in Bootstrap 5?
Select your answer
Question 9/15
To make the first letter of a paragraph larger and bold in Bootstrap 5, which class can you use?
Select your answer
Question 10/15
Which Bootstrap 5 class would you use to make text appear bold?
Select your answer
Question 11/15
What does the 'w-50' class in Bootstrap 5 do?
Select your answer
Question 12/15
How do you visually hide but still read an element's contents with a screen reader in Bootstrap 5?
Select your answer
Question 13/15
Which class would you use to quickly add a rounded border to an element in Bootstrap 5?
Select your answer
Question 14/15
To apply a shadow effect smaller than the default shadow in Bootstrap 5, which class would you use?
Select your answer
Question 15/15
How do you specify a fixed position for an element using Bootstrap 5 utility classes?
Select your answer
Your Results
You did not answer any questions correctly.
Your Answers
Question 1/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
Which utility class will transform the text to uppercase in Bootstrap 5?
Available answers
The 'text-uppercase' class transforms text to uppercase in Bootstrap 5.
Question 2/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
What utility class would you use to set an element to display as none in Bootstrap 5?
Available answers
The 'd-none' class applies a display of 'none', hiding the element from the page visibly and from the DOM order.
Question 3/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
Which utility class would you use in Bootstrap 5 to add a margin to all sides of an element?
Available answers
In Bootstrap 5, 'm-4' adds a margin of 1.5rem to all sides of an element.
Question 4/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
Which class in Bootstrap 5 is used to add a shadow effect to an element?
Available answers
The 'shadow' class adds a default box shadow to an element.
Question 5/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
In Bootstrap 5, what does the 'overflow-auto' utility class do?
Available answers
'overflow-auto' allows a scrollbar to appear only when the content overflows the element bounds.
Question 6/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
Which class in Bootstrap 5 can be used to make an element's text italic?
Available answers
The 'fst-italic' class is used to apply italic styling to text in Bootstrap 5.
Question 7/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
What is the purpose of the 'd-flex' class in Bootstrap 5?
Available answers
The 'd-flex' class in Bootstrap 5 sets an element to display as a flex container.
Question 8/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
How does the 'bg-danger' class affect an element in Bootstrap 5?
Available answers
The 'bg-danger' class applies a red background color to an element.
Question 9/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
To make the first letter of a paragraph larger and bold in Bootstrap 5, which class can you use?
Available answers
The 'initialism' class makes the first letter of text larger and bold, similar to an initial cap.
Question 10/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
Which Bootstrap 5 class would you use to make text appear bold?
Available answers
'fw-bold' is used in Bootstrap 5 to make the font weight bold.
Question 11/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
What does the 'w-50' class in Bootstrap 5 do?
Available answers
The 'w-50' class sets the width of an element to 50% of its parent.
Question 12/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
How do you visually hide but still read an element's contents with a screen reader in Bootstrap 5?
Available answers
The 'visually-hidden' class hides the element from visual view while keeping it available for screen readers.
Question 13/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
Which class would you use to quickly add a rounded border to an element in Bootstrap 5?
Available answers
The 'rounded' class adds a border-radius to make the element appear rounded.
Question 14/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
To apply a shadow effect smaller than the default shadow in Bootstrap 5, which class would you use?
Available answers
The 'shadow-sm' class in Bootstrap 5 applies a smaller shadow than the default 'shadow' class.
Question 15/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
How do you specify a fixed position for an element using Bootstrap 5 utility classes?
Available answers
The 'position-fixed' class is used to set an element's positioning to be fixed.