Bootstrap 5 Basics Quiz

Create an account and save your quiz results

Login and save your results

OR

Question 1/15

Which HTML element is used for creating a responsive navigation bar in Bootstrap 5?

Select your answer

Question 2/15

What class is used to create a Bootstrap 5 alert that signifies an important action?

Select your answer

Question 3/15

Which class would you use to apply rounded corners to an element in Bootstrap 5?

Select your answer

Question 4/15

What utility class would you use for text alignment in Bootstrap 5?

Select your answer

Question 5/15

What is the correct HTML element to create a Bootstrap 5 modal?

Select your answer

Question 6/15

Which Bootstrap 5 utility class would you use to make text lowercase?

Select your answer

Question 7/15

How do you make a button active in Bootstrap 5?

Select your answer

Question 8/15

Which class provides a horizontal rule in Bootstrap 5?

Select your answer

Question 9/15

How do you create a responsive image in Bootstrap 5?

Select your answer

Question 10/15

What class is required for a tooltip in Boostrap 5 to be activated?

Select your answer

Question 11/15

What is the default breakpoint for the 'lg' class in Bootstrap 5?

Select your answer

Question 12/15

What class in Bootstrap 5 creates a button with a primary color scheme?

Select your answer

Question 13/15

What is the default grid system in Bootstrap 5 based on?

Select your answer

Question 14/15

Which utility class is used to add shadow to an element in Bootstrap 5?

Select your answer

Question 15/15

What is the primary purpose of responsive classes 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 HTML element is used for creating a responsive navigation bar in Bootstrap 5?

Available answers

The
Question 2/15
😊 Your answer was correct 🙁 Your answer was incorrect
What class is used to create a Bootstrap 5 alert that signifies an important action?

Available answers

The .alert-danger class in Bootstrap 5 is used to create alerts for important or dangerous actions.
Question 3/15
😊 Your answer was correct 🙁 Your answer was incorrect
Which class would you use to apply rounded corners to an element in Bootstrap 5?

Available answers

The .rounded class in Bootstrap 5 is used to apply rounded corners to elements.
Question 4/15
😊 Your answer was correct 🙁 Your answer was incorrect
What utility class would you use for text alignment in Bootstrap 5?

Available answers

The .text-center utility class is used for text alignment in Bootstrap 5.
Question 5/15
😊 Your answer was correct 🙁 Your answer was incorrect
What is the correct HTML element to create a Bootstrap 5 modal?

Available answers

In Bootstrap 5, a modal is created using a
element.
Question 6/15
😊 Your answer was correct 🙁 Your answer was incorrect
Which Bootstrap 5 utility class would you use to make text lowercase?

Available answers

The .text-lowercase utility class in Bootstrap 5 is used to make text appear in lowercase.
Question 7/15
😊 Your answer was correct 🙁 Your answer was incorrect
How do you make a button active in Bootstrap 5?

Available answers

To make a button look active in Bootstrap 5, you add the .active class to it.
Question 8/15
😊 Your answer was correct 🙁 Your answer was incorrect
Which class provides a horizontal rule in Bootstrap 5?

Available answers

The standard HTML tag
is styled by Bootstrap 5 itself for a horizontal rule.
Question 9/15
😊 Your answer was correct 🙁 Your answer was incorrect
How do you create a responsive image in Bootstrap 5?

Available answers

The .img-fluid class is used to create responsive images in Bootstrap 5.
Question 10/15
😊 Your answer was correct 🙁 Your answer was incorrect
What class is required for a tooltip in Boostrap 5 to be activated?

Available answers

You need to use data-bs-toggle='tooltip' to activate tooltips in Bootstrap 5.
Question 11/15
😊 Your answer was correct 🙁 Your answer was incorrect
What is the default breakpoint for the 'lg' class in Bootstrap 5?

Available answers

The 'lg' class in Bootstrap 5 is applied for screen sizes equal to or larger than 992 pixels.
Question 12/15
😊 Your answer was correct 🙁 Your answer was incorrect
What class in Bootstrap 5 creates a button with a primary color scheme?

Available answers

The .btn-primary class in Bootstrap 5 is used to create a button with the primary color scheme.
Question 13/15
😊 Your answer was correct 🙁 Your answer was incorrect
What is the default grid system in Bootstrap 5 based on?

Available answers

Bootstrap 5 uses a responsive, mobile-first 12-column grid system.
Question 14/15
😊 Your answer was correct 🙁 Your answer was incorrect
Which utility class is used to add shadow to an element in Bootstrap 5?

Available answers

The .shadow utility class in Bootstrap 5 adds a shadow to an element.
Question 15/15
😊 Your answer was correct 🙁 Your answer was incorrect
What is the primary purpose of responsive classes in Bootstrap 5?

Available answers

Responsive classes in Bootstrap 5 are used to adjust the layout according to different screen sizes.