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