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