Bootstrap 5 Utilities and Helpers Quiz

Create an account and save your quiz results

Login and save your results

OR

Question 1/15

Which class would you use to quickly add a rounded border to an element in Bootstrap 5?

Select your answer

Question 2/15

How do you specify a fixed position for an element using Bootstrap 5 utility classes?

Select your answer

Question 3/15

How would you make an element center itself horizontally in Bootstrap 5 using flex utilities?

Select your answer

Question 4/15

In Bootstrap 5, what does the 'overflow-auto' utility class do?

Select your answer

Question 5/15

What utility class would you use to set an element to display as none in Bootstrap 5?

Select your answer

Question 6/15

Which utility class in Bootstrap 5 would you use to make an element invisible but still present in the document?

Select your answer

Question 7/15

What does the 'w-50' class in Bootstrap 5 do?

Select your answer

Question 8/15

In Bootstrap 5, which utility class is used to align text to the right?

Select your answer

Question 9/15

What is the purpose of the 'd-flex' class in Bootstrap 5?

Select your answer

Question 10/15

Which class in Bootstrap 5 can be used to make an element's text italic?

Select your answer

Question 11/15

To apply a shadow effect smaller than the default shadow in Bootstrap 5, which class would you use?

Select your answer

Question 12/15

To make the first letter of a paragraph larger and bold in Bootstrap 5, which class can you use?

Select your answer

Question 13/15

Which Bootstrap 5 utility class creates a vertically centered flexbox layout?

Select your answer

Question 14/15

Which utility class will transform the text to uppercase in Bootstrap 5?

Select your answer

Question 15/15

How does the 'bg-danger' class affect an element in Bootstrap 5?

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 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 2/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.
Question 3/15
😊 Your answer was correct 🙁 Your answer was incorrect
How would you make an element center itself horizontally in Bootstrap 5 using flex utilities?

Available answers

'justify-content-center' should be used to center an item horizontally in a flex container.
Question 4/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 5/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 6/15
😊 Your answer was correct 🙁 Your answer was incorrect
Which utility class in Bootstrap 5 would you use to make an element invisible but still present in the document?

Available answers

The 'invisible' class makes an element invisible, but it remains in the flow of the document.
Question 7/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 8/15
😊 Your answer was correct 🙁 Your answer was incorrect
In Bootstrap 5, which utility class is used to align text to the right?

Available answers

'text-end' would align the text to the right, replacing the 'text-right' class from Bootstrap 4.
Question 9/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 10/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 11/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 12/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 13/15
😊 Your answer was correct 🙁 Your answer was incorrect
Which Bootstrap 5 utility class creates a vertically centered flexbox layout?

Available answers

The 'align-items-center' class vertically aligns flex items within a flex container.
Question 14/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 15/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.