Bootstrap MCQs – Introduction to Bootstrap

11.) Bootstrap 5 introduced which new layout system?

A) Grid API
B) Utility API
C) Column API
D) Theme API

Answer: Option B

Explanation: Bootstrap 5 introduced the Utility API for customizing design elements easily.

12.) Which version of Bootstrap removed jQuery as a dependency?

A) Bootstrap 2
B) Bootstrap 3
C) Bootstrap 4
D) Bootstrap 5

Answer: Option D

Explanation: Bootstrap 5 removed jQuery in favor of pure JavaScript to improve performance.

13.) What is the default font size in Bootstrap 5?

A) 14px
B) 16px
C) 18px
D) 24px

Answer: Option B

Explanation: The default font size in Bootstrap 5 is 16px, ensuring readability.

14.) Which version of Bootstrap dropped support for Internet Explorer?

A) Bootstrap 3
B) Bootstrap 4
C) Bootstrap 5
D) None of the above

Answer: Option C

Explanation: Bootstrap 5 removed support for Internet Explorer 10 and 11.

15.) What is Bootstrap’s default container class?

A) .container-fluid
B) .container
C) .row
D) .grid

Answer: Option B

Explanation: The .container class is used for fixed-width layouts, while .container-fluid is for full-width.

16.) Which file format does Bootstrap use for styling its components?

A) .css
B) .scss
C) .sass
D) All of the above

Answer: Option D

Explanation: Bootstrap provides styles in .css, .scss, and .sass formats, allowing customization using Sass.

17.) What is the valid method to include Bootstrap in a project?

A) Download Bootstrap files
B) Use a CDN (Content Delivery Network)
C) Install via npm/yarn
D) All of the above

Answer: Option D

Explanation: Bootstrap can be added through CDN, downloading files, or package managers (npm/yarn).

18.) What is the default grid system in Bootstrap 5 based on?

A) Flexbox
B) CSS Grid
C) Float-based layout
D) Table layout

Answer: Option A

Explanation: Bootstrap 5 uses Flexbox for its grid system, improving responsiveness and alignment.

19.) How many columns are there in Bootstrap’s grid system?

A) 6
B) 8
C) 12
D) 16

Answer: Option C

Explanation: Bootstrap’s grid system consists of 12 columns for flexible layout design.

20.) Which class is used to create a full-width container in Bootstrap 5?

A) .container-fixed
B) .container-fluid
C) .container-wide
D) .full-width-container

Answer: Option B

Explanation: The .container-fluid class creates a full-width layout across all screen sizes.

Pages: 1 2 3

Leave a Reply

Your email address will not be published. Required fields are marked *