Fundamentals of Front End Development MCQs with Answers
Practice important Fundamentals of Front End Development MCQs with answers and explanations.
Multiple Choice Questions
Q1901: What is the purpose of the .list-inline class in Bootstrap?
- A: Displays list items in a grid
- B: Places all list items on a single line
- C: Adds a background color to list items
- D: Indents list items
View Answer
B
Q1902: Fill in the blank: The <code> element in Bootstrap is styled to represent _____.
- A: Code snippets
- B: Block quotes
- C: Small text
- D: Highlighted text
View Answer
A
Q1903: Which class in Bootstrap would you use to indicate lowercased text?
- A: .text-uppercase
- B: .text-lowercase
- C: .text-capitalize
- D: .text-muted
View Answer
B
Q1904: Fill in the blank: The Bootstrap class .text-info is used to style text with _____.
- A: Blue color
- B: Green color
- C: Yellow color
- D: Red color
View Answer
A
Q1905: What class is used to capitalize text in Bootstrap?
- A: .text-uppercase
- B: .text-capitalize
- C: .text-lowercase
- D: .text-muted
View Answer
B
Q1906: Fill in the blank: The <mark> element in Bootstrap is used to _____.
- A: Italicize text
- B: Bold text
- C: Highlight text
- D: Underline text
View Answer
C
Q1907: What class adds zebra-stripes to a Bootstrap table?
- A: .table-hover
- B: .table-bordered
- C: .table-striped
- D: .table-condensed
View Answer
C
Q1908: Fill in the blank: To create a responsive table that scrolls horizontally on small devices, use the class _____.
- A: .table-scrollable
- B: .table-responsive
- C: .table-fixed
- D: .table-fluid
View Answer
B
Q1909: What does the .table-hover class do?
- A: Adds zebra-stripes to the table
- B: Enables a hover state on table rows
- C: Makes the table more compact
- D: Adds borders to the table
View Answer
B
Q1910: Fill in the blank: The contextual class .text-warning is used to indicate a _____.
- A: Successful action
- B: Neutral informative change
- C: Warning that needs attention
- D: Dangerous action
View Answer
C