Edu
Hub
Dashboard
Courses
My Progress
Leaderboard
AI Tools
AR
AR
Abdullah Rashid
abdullah@example.com
Navigation
🏠
Dashboard
📚
Courses
📈
My Progress
🏆
Leaderboard
✨
AI Tools
👤
Profile
🚪
Log Out
←
BootStrap Basic
⏱
15:00
Quit
0 / 20 answered
0%
BootStrap Basic
10 questions · Medium difficulty · 00:20:00 min
🔥 In Progress
Question 1
What is Bootstrap?
A programming language
A CSS framework for responsive design
A JavaScript library
A database management system
Question 2
Which class is used to create a responsive container that spans the full width?
container
container-fluid
row
col
Question 3
What does the "col-sm-6" class mean in Bootstrap 5?
A column that takes 6 out of 12 columns on small screens and above
A column with 6px padding
A small column of size 6
A column that is hidden on small screens
Question 4
Which Bootstrap class is used to create a button?
button
.button
.btn
.btn-default
Question 5
How do you center content horizontally in Bootstrap?
text-align: center;
mx-auto
center-block
justify-content: center;
Question 6
Which class adds a zebra-striped effect to a table?
table-bordered
table-hover
table-striped
table-condensed
Question 7
What is the default maximum width of a .container in Bootstrap?
100%
1140px
960px
1320px
Question 8
Which class is used to create a navigation bar?
nav
navbar
navigation
menu
Question 9
How do you make an image responsive in Bootstrap?
img-fluid
img-responsive
responsive-img
img-full
Question 10
Which spacing utility adds margin on all sides (1.5rem by default)?
m-0
p-3
m-4
mt-3
Question 11
What does the "btn-primary" class do?
Makes the button transparent
Applies the primary theme color (usually blue) to the button
Makes the button large
Disables the button
Question 12
Which class is used to hide an element on mobile devices?
d-none
hidden
invisible
d-sm-none
Question 13
What is the purpose of the "row" class in Bootstrap?
Defines a container for columns in a grid
Creates a horizontal line
Adds background color
Creates a new section
Question 14
Which component would you use to create a dropdown menu?
dropdown
select
menu
list-group
Question 15
How do you align text to the center in Bootstrap?
text-align: center;
center
text-center
align-center
Question 16
Which class adds a hover effect to table rows?
table-striped
table-hover
table-active
table-bordered
Question 17
What is the breakpoint for large screens (lg) in Bootstrap 5?
576px
768px
992px
1200px
Question 18
Which class creates a card component?
card
box
panel
widget
Question 19
How do you create a responsive image that is rounded?
img-rounded
img-circle
rounded img-fluid
img-fluid rounded
Question 20
Which utility class is used to display an element as flexbox?
flex
d-flex
display-flex
flexbox
✅ Answered:
0
⬜ Unanswered:
8
📊
20%
done
Submit Answers →