Quizzes – EduHub

Question 1

How do you create a custom Bootstrap theme using SASS?

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

Question 2

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

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

Question 3

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

Use class g-0 on row Use m-0 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 4 has no grid No difference Bootstrap 5 is older

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

Question 8

How do you change the Bootstrap primary color globally?

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

Question 9

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

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

Question 10

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

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

Question 11

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

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

Question 12

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

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

Question 13

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

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

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?

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

Question 16

What are Bootstrap "extend" classes?

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

Question 17

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

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

Question 18

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

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

Question 19

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

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

Question 20

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

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