Quizzes – EduHub

Question 1

How do you create a custom Bootstrap theme using SASS?

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

Question 2

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

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

Question 3

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

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

Question 4

What is the difference between Bootstrap 4 and 5?

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

Question 5

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

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

Question 6

What are Bootstrap 5 utilities API?

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

Question 7

How do you implement a dark theme in Bootstrap 5?

Use JavaScript toggle Add data-bs-theme="dark" to body or use dark mode class 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 !important 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?

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

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?

Only padding No system Only fixed margins 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 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 root font-size (default 16px) Relative to parent

Question 15

How do you customize Bootstrap breakpoints?

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

Question 16

What are Bootstrap "extend" classes?

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

Question 17

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

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

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 Use data-bs-smooth Use smooth class Add scroll-behavior: smooth to CSS or use JS

Question 20

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

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