Quizzes – EduHub

Question 1

How do you create a custom Bootstrap theme using SASS?

Use theme roller Import Bootstrap SCSS files and override variables before compiling Use JavaScript Edit CSS directly

Question 2

What are Bootstrap RTL (Right-to-Left) utilities?

Support for languages written right-to-left Reverse layout Responsive toggles Rotation utilities

Question 3

How do you remove the default Bootstrap gutters in a grid?

Remove padding manually Use no-gutters Use m-0 Use class g-0 on row

Question 4

What is the difference between Bootstrap 4 and 5?

Bootstrap 4 has no grid No difference Bootstrap 5 is older Bootstrap 5 dropped jQuery, added RTL, new components

Question 5

How do you create a modal that does not close when clicking outside?

Use keyboard: false Use backdrop: false Set data-bs-backdrop="static" on modal button Use close button

Question 6

What are Bootstrap 5 utilities API?

An API for components A JavaScript API A color system A way to generate utility classes programmatically

Question 7

How do you implement a dark theme in Bootstrap 5?

Use prefers-color-scheme Use JavaScript toggle Use CSS filter Add data-bs-theme="dark" to body or use dark mode class

Question 8

How do you change the Bootstrap primary color globally?

Use !important Use inline style Override $primary variable in SCSS Use CSS custom property

Question 9

What is the purpose of "popper.js" in Bootstrap?

Form validation Animation library Handles positioning of tooltips and popovers Carousel logic

Question 10

How do you create a multi-level dropdown in Bootstrap 5?

Use .multi-dropdown Bootstrap does not support Use .sub-menu Add nested dropdown inside a dropdown (requires custom CSS or JS)

Question 11

How do you enable Bootstrap components using pure JavaScript (no jQuery)?

Use Angular Using Bootstrap's native JavaScript module (bootstrap.bundle.js) No JavaScript needed jQuery is required

Question 12

What is the Bootstrap "margin" and "padding" spacer system?

Responsive spacing classes: m-*, p-* with values 0-5 and auto No system Only fixed margins Only padding

Question 13

How do you create a sticky navbar that becomes fixed after scrolling?

Use sticky navbar class Use scroll event Use position: fixed Use .sticky-top class

Question 14

What is the "rem" unit used in Bootstrap 5 spacing?

Relative to parent Relative to root font-size (default 16px) Viewport unit Absolute

Question 15

How do you customize Bootstrap breakpoints?

Use JavaScript Edit media queries Override $grid-breakpoints map in SCSS Not possible

Question 16

What are Bootstrap "extend" classes?

Plugin system Extension of components Predefined classes that inherit styles from others Utility classes

Question 17

How do you create a responsive sidebar layout with Bootstrap 5 grid?

Use offcanvas Use row and col with responsive classes like col-lg-3 Use position absolute Use flex column

Question 18

What is the difference between "data-bs-dismiss" and "data-bs-toggle"?

toggle is for modals only dismiss closes component, toggle toggles component dismiss is for alerts Same

Question 19

How do you enable smooth scrolling for anchor links in Bootstrap?

Use data-bs-smooth Use smooth class Not supported Add scroll-behavior: smooth to CSS or use JS

Question 20

How do you create a full-screen modal in Bootstrap 5?

Add modal-fullscreen class to modal-dialog Use vh-100 Use fullscreen: true Use width: 100%