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 Reverse layout Responsive toggles 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 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?

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

Question 6

What are Bootstrap 5 utilities API?

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

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

Question 8

How do you change the Bootstrap primary color globally?

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

Question 9

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

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

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)?

Use Angular jQuery is required 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 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 position: fixed Use .sticky-top class Use scroll event

Question 14

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

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

Question 15

How do you customize Bootstrap breakpoints?

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

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

Question 18

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

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

Question 19

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

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

Question 20

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

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