Bootstrap Mastery: 10 Multiple-Choice Questions to Test Your Knowledge.

Darshan Dhanani

 Introduction

Top 10 M.C.Q:- Questions and Answers for improving and understanding Bootstrap Styling. Learn and Understand Bootstrap Styling like Pro.

1. Question: What is Bootstrap?

A. A programming language

B. A JavaScript library

C. A front-end framework for building responsive websites

D. A back-end framework for server-side scripting

Correct Answer: C

2. Question: Which CSS preprocessor is often used with Bootstrap for enhanced styling?

A. HTML

B. CSS

C. JavaScript

D. SASS

Correct Answer: D

3. Question: What is the purpose of the Bootstrap grid system?

A. To create colorful buttons

B. To manage data in a database

C. To structure the layout of a web page in rows and columns

D. To animate elements on a web page

Correct Answer: C

4. Question: Which class in Bootstrap is used to create a responsive navigation bar?

A. .navbar

B. .menu

C. .nav-link

D. .responsive-navbar

Correct Answer: A

5. Question: In Bootstrap, how do you create a button with a primary color?

A. .btn-primary

B. .btn-main

C. .button-primary

D. .primary-button

Correct Answer: A

6. Question: What is the purpose of Bootstrap's "container" class?

A. To create a fixed-width container for content

B. To add a background color to an element

C. To create a full-width container for content

D. To style text with a bold font

Correct Answer: A

7. Question: Which Bootstrap component is used for creating responsive and collapsible navigation menus?

A. .navbar-collapse

B. .menu-toggle

C. .nav-list

D. .collapse-menu

Correct Answer: A

8. Question: What is the purpose of the Bootstrap "carousel" component?

A. To create a dropdown menu

B. To display a rotating set of images or content

C. To style form elements

D. To create a responsive grid layout

Correct Answer: B

9. Question: Which class in Bootstrap is used to create a responsive, evenly spaced list of items?

A. .list-group

B. .nav-list

C. .item-list

D. .list-bar

Correct Answer: A

10. Question: In Bootstrap, how do you add a tooltip to an element?

markdown
**A. .tooltip-add** 
**B. .tooltip-toggle** 
**C. .tooltip** 
**D. .add-tooltip** 
**Correct Answer: C**

0 Comments