Bootstrap 5 Utilities and Helpers Quiz

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.