Quizzes – EduHub

Question 1

How do you create a custom Bootstrap theme using SASS?

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

Question 2

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

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

Question 3

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

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

Question 4

What is the difference between Bootstrap 4 and 5?

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

Question 5

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

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

Question 6

What are Bootstrap 5 utilities API?

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

Question 7

How do you implement a dark theme in Bootstrap 5?

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

Question 8

How do you change the Bootstrap primary color globally?

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

Question 9

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

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

Question 10

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

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

Question 11

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

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

Question 12

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

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

Question 13

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

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

Question 14

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

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

Question 15

How do you customize Bootstrap breakpoints?

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

Question 16

What are Bootstrap "extend" classes?

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

Question 17

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

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

Question 18

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

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

Question 19

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

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

Question 20

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

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