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 Intermediate
⏱
15:00
Quit
0 / 20 answered
0%
BootStrap Intermediate
10 questions · Medium difficulty · 00:20:00 min
🔥 In Progress
Question 1
How do you create a responsive navigation bar that collapses?
Using navbar-expand-* class
Using collapse.js
Using flex-wrap
Using media queries
Question 2
What are Bootstrap cards and how do you use them?
Flexible content containers with header, body, footer
Credit cards
Playing cards
Image cards
Question 3
How do you center a modal vertically in Bootstrap 5?
Add modal-dialog-centered class to modal-dialog
Use vertical-align
Use margin auto
Use position absolute
Question 4
What is the purpose of "spinners" in Bootstrap?
Indicate loading state
Spinning animation
Game spinner
Form spinner
Question 5
How do you create a carousel/slider in Bootstrap?
Using carousel component with .carousel class
Using slider.js
Using cycle plugin
Using slideshow
Question 6
What are Bootstrap tooltips and how are they initialized?
Popups with text that appear on hover; initialized via JS
Tooltips are automatic
Only CSS
No initialization needed
Question 7
How do you create a scrollspy navigation?
Add data-bs-spy="scroll" to body and data-bs-target to nav
Use scroll.js
Use CSS only
Use jQuery
Question 8
What is the difference between "display: flex" and Bootstrap's d-flex?
d-flex is Bootstrap's utility for display: flex
Same
d-flex is faster
No difference
Question 9
How do you create an offcanvas sidebar in Bootstrap 5?
Use .offcanvas component with data-bs-toggle="offcanvas"
Use sidebar class
Use drawer class
Use slideout
Question 10
What are Bootstrap badges?
Small inline counters and labels
Badges are buttons
Badges are icons
Badges are alerts
Question 11
How do you create a button group in Bootstrap?
Wrap buttons in .btn-group
Use group class
Use button-group class on each button
Use flex
Question 12
What is the purpose of the "data-bs-*" attributes?
Custom attributes for Bootstrap JavaScript components
Data attributes for HTML5
For styling
For SEO
Question 13
How do you create a toast notification in Bootstrap?
Use .toast component with .toast class and JS trigger
Use alert
Use notification
Use popup
Question 14
What is the difference between "col-*" and "col-*-*"?
col-* is equal width, col-*-* specifies number of columns
Same
col-* is for rows
col-*-* is deprecated
Question 15
How do you create a responsive table with horizontal scrolling?
Wrap table in .table-responsive
Use overflow: auto
Use scroll table
Use width: 100%
Question 16
What are Bootstrap list groups?
Vertically stacked list items
Horizontal lists
Ordered lists
Unordered lists
Question 17
How do you create a floating label input in Bootstrap 5?
Use .form-floating class on wrapper
Use floating attribute
Use placeholder="float"
Use label floating
Question 18
What is the purpose of "placeholders" in Bootstrap?
Skeleton loading placeholders for content
Form placeholders
Image placeholders
Card placeholders
Question 19
How do you customize Bootstrap using CSS variables?
Override root CSS variables like --bs-primary
Edit bootstrap.css
Use !important
Use a different framework
Question 20
What are Bootstrap breakpoints and their default values?
sm:576px, md:768px, lg:992px, xl:1200px, xxl:1400px
480, 768, 1024, 1200
mobile, tablet, desktop
No breakpoints
✅ Answered:
0
⬜ Unanswered:
8
📊
20%
done
Submit Answers →