Bootstrap MCQs – Typography & Utilities

Typography is a crucial part of Bootstrap 5, helping developers style text, adjust spacing, and improve readability. Bootstrap also provides utility classes to simplify styling without extra CSS. These top MCQs cover font styles, text alignment, spacing utilities, colors, and display properties—essential topics for interviews and real-world projects.

1.) What is the default font size of Bootstrap 5?

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

Answer: Option C

Explanation: Bootstrap 5 uses a default font size of 16px for better readability.

2.) Which Bootstrap class makes text bold?

A) .fw-bold
B) .font-bold
C) .bold-text
D) .text-bold

Answer: Option A

Explanation: .fw-bold applies bold font-weight styling in Bootstrap 5.

3.) What does the .text-muted class do?

A) Hides the text
B) Makes text italic
C) Reduces text opacity for a softer appearance
D) Increases text size

Answer: Option C

Explanation: .text-muted lightens text color for secondary emphasis.

4.) Which class is used to italicize text in Bootstrap?

A) .text-italic
B) .fst-italic
C) .text-slant
D) .fw-light

Answer: Option B

Explanation: .fst-italic applies italic styling to text.

5.) How can you align text to the right using Bootstrap?

A) .text-end
B) .text-right
C) .align-right
D) .float-end

Answer: Option A

Explanation: .text-end aligns text to the right (end of the container).

6.) Which class removes text decoration like underlines?

A) .text-remove
B) .text-no-decoration
C) .no-text-style
D) .text-decoration-none

Answer: Option D

Explanation: .text-decoration-none removes underlines and other decorations.

7.) What is the default font family in Bootstrap 5?

A) Arial
B) Roboto
C) system-ui, -apple-system, sans-serif
D) Times New Roman

Answer: Option C

Explanation: Bootstrap 5 uses a system font stack for better performance and compatibility.

8.) How do you make text uppercase in Bootstrap?

A) .text-uppercase
B) .text-uppercase-all
C) .text-upper
D) .uppercase-text

Answer: Option A

Explanation: .text-uppercase converts text to uppercase letters.

9.) Which class centers text horizontally?

A) .text-mid
B) .align-center
C) .text-align-middle
D) .text-center

Answer: Option D

Explanation: .text-center aligns text in the center.

10.) How can you change text color to blue?

A) .text-blue
B) .text-primary
C) .text-info
D) .text-color-blue

Answer: Option B

Explanation: .text-primary applies Bootstrap’s default blue color.

Pages: 1 2 3

Leave a Reply

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