ProTechSolution
Home
Courses
Exercises
Quiz
Roadmaps
Experts
Login
Sign Up
Bootstrap 5 UI
Programming Concepts
HTML & CSS Masterclass
HTML
CSS
JavaScript
PHP
MySQL
Bootstrap 5
C#
Bootstrap 5 UI Certification Quiz
Test your knowledge to earn your official course certificate!
1. Which class shapes an image to a circle?
.img-circle
.rounded-circle
.img-round
.circle-image
2. How do you make an image responsive in Bootstrap?
.img-responsive
.img-fluid
.responsive-img
.fluid-image
3. Which class is used to create a big box for calling extra attention?
.jumbotron (BS4) / .p-5 (BS5)
.big-box
.attention
.highlight
4. The Bootstrap grid system is based on how many columns?
6
9
12
16
5. How do you trigger a modal in Bootstrap via a button?
data-bs-toggle='modal'
data-modal='true'
data-trigger='modal'
href='#modal'
6. Which class is used to create a button group?
.group-btn
.btn-group
.button-group
.group-button
7. Which utility class adds margin to the top of an element?
.mt-*
.margin-top-*
.m-top-*
.pt-*
8. What does the .text-muted class do?
Makes text larger
Makes text italic
Makes text a lighter grey color
Hides the text
9. How do you create a navigation bar in Bootstrap?
<nav class='navbar'>
<div class='nav'>
<navigation>
<nav class='bar'>
10. What is the purpose of the .row class?
To create a vertical stack
To create a horizontal group of columns
To define a table row
To add margin
11. Which button class is used to create a large button?
.btn-l
.btn-large
.btn-lg
.btn-big
12. Which utility class adds padding to all sides of an element?
.p-*
.pad-*
.padding-*
.m-*
13. Which class is used to create a black navigation bar?
.navbar-dark .bg-dark
.navbar-black
.navbar-inverse
.navbar-theme-dark
14. Which class provides a full width container, spanning the entire width of the viewport?
.container
.container-fluid
.container-full
.container-all
15. Which class adds zebra-striping to a table?
.table-striped
.table-zebra
.table-alternating
.table-lines
16. Which class provides a responsive fixed width container?
.container
.container-fluid
.container-fixed
.container-responsive
17. Which component is used to cycle through elements, like a slideshow?
Carousel
Slider
Slideshow
Gallery
18. What does the .d-none class do?
Makes text bold
Hides an element
Displays an element
Adds a drop shadow
19. Which class is used to center text in Bootstrap?
.center-text
.text-center
.align-center
.text-align-center
20. What is Bootstrap?
A back-end framework
A front-end framework
A database management system
A programming language
Submit Quiz (20 Questions)