Fundamentals of Front End Development MCQs with Answers
Practice important Fundamentals of Front End Development MCQs with answers and explanations.
Chapter: 170
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
Correct Answer:
B
Chapter: 170
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
Correct Answer:
A
Chapter: 170
Q1903:
Which class in Bootstrap would you use to indicate lowercased text?
A. .text-uppercase
B. .text-lowercase
C. .text-capitalize
D. .text-muted
Correct Answer:
B
Chapter: 170
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
Correct Answer:
A
Chapter: 170
Q1905:
What class is used to capitalize text in Bootstrap?
A. .text-uppercase
B. .text-capitalize
C. .text-lowercase
D. .text-muted
Correct Answer:
B
Chapter: 170
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
Correct Answer:
C
Chapter: 171
Q1907:
What class adds zebra-stripes to a Bootstrap table?
A. .table-hover
B. .table-bordered
C. .table-striped
D. .table-condensed
Correct Answer:
C
Chapter: 171
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
Correct Answer:
B
Chapter: 171
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
Correct Answer:
B
Chapter: 171
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
Correct Answer:
C
Chapter: 171
Q1911:
Which class is used to apply a hover color to table rows or cells in Bootstrap?
A. .active
B. .success
C. .info
D. .warning
Correct Answer:
A
Chapter: 171
Q1912:
Fill in the blank: The .table-striped class applies _____.
A. Horizontal dividers
B. Zebra-stripes
C. Hover effects
D. Compact padding
Correct Answer:
B
Chapter: 171
Q1913:
What is the purpose of the .table-condensed class?
A. Adds borders to the table
B. Applies hover effects to rows
C. Makes the table more compact
D. Adds zebra-stripes
Correct Answer:
C
Chapter: 171
Q1914:
Fill in the blank: The .table class in Bootstrap provides basic styling including _____.
A. Vertical dividers
B. Background colors
C. Horizontal dividers
D. Font styles
Correct Answer:
C
Chapter: 171
Q1915:
Which class indicates a dangerous or potentially negative action in a Bootstrap table?
A. .info
B. .success
C. .warning
D. .danger
Correct Answer:
D
Chapter: 171
Q1916:
Fill in the blank: The Bootstrap class used to indicate a neutral informative change or action is _____.
A. .success
B. .warning
C. .info
D. .danger
Correct Answer:
C
Chapter: 171
Q1917:
What does the .table-striped class do in Bootstrap?
A. Adds vertical borders
B. Adds horizontal borders
C. Adds zebra-stripes to rows
D. Adds hover effects
Correct Answer:
C
Chapter: 171
Q1918:
Fill in the blank: To make a Bootstrap table more compact, you use the class _____.
A. .table-hover
B. .table-bordered
C. .table-condensed
D. .table-striped
Correct Answer:
C
Chapter: 172
Q1919:
What class in Bootstrap adds rounded corners to an image?
A. .img-circle
B. .img-responsive
C. .img-rounded
D. .img-thumbnail
Correct Answer:
C
Chapter: 172
Q1920:
Fill in the blank: To make an image responsive and scale to fit the parent element, use the class _____.
A. .img-rounded
B. .img-circle
C. .img-responsive
D. .img-thumbnail
Correct Answer:
C