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?

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

Question 3

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

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

Question 4

What is the difference between Bootstrap 4 and 5?

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

Question 5

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

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

Question 6

What are Bootstrap 5 utilities API?

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

Question 7

How do you implement a dark theme in Bootstrap 5?

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

Question 8

How do you change the Bootstrap primary color globally?

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

Question 9

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

Handles positioning of tooltips and popovers Form validation Animation library 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) Bootstrap does not support Use .multi-dropdown Use .sub-menu

Question 11

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

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

Question 12

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

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

Question 13

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

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

Question 14

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

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

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 Utility classes Extension of components Plugin system

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 position absolute Use offcanvas Use flex column

Question 18

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

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

Question 19

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

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

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