Quizzes – EduHub

Question 1

How do you create a custom Bootstrap theme using SASS?

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

Question 2

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

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

Question 3

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

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

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 keyboard: false Use close button Use backdrop: false

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 JavaScript toggle Use CSS filter Use prefers-color-scheme

Question 8

How do you change the Bootstrap primary color globally?

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

Question 9

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

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

Question 11

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

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

Question 12

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

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

Question 13

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

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

Question 14

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

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

Question 15

How do you customize Bootstrap breakpoints?

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

Question 16

What are Bootstrap "extend" classes?

Utility classes Extension of components Predefined classes that inherit styles from others 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 offcanvas Use position absolute Use flex column

Question 18

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

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

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 data-bs-smooth Use smooth class

Question 20

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

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