Fundamentals of Front End Development MCQs with Answers
Practice important Fundamentals of Front End Development MCQs with answers and explanations.
Multiple Choice Questions
Q1921: What class makes an image scale nicely to the parent element and applies max-width: 100%;?
- A: .img-thumbnail
- B: .img-circle
- C: .img-rounded
- D: .img-responsive
View Answer
D
Q1922: Fill in the blank: The class ____ will shape an image to a thumbnail.
- A: .img-circle
- B: .img-rounded
- C: .img-responsive
- D: .img-thumbnail
View Answer
D
Q1923: What class should be added to an <iframe> to ensure it scales properly in Bootstrap?
- A: .embed-responsive-item
- B: .img-responsive
- C: .img-thumbnail
- D: .img-circle
View Answer
A
Q1924: Fill in the blank: To create a 16:9 aspect ratio for an embedded video, use the class _____.
- A: .embed-responsive-4by3
- B: .embed-responsive-16by9
- C: .img-responsive
- D: .embed-thumbnail
View Answer
B
Q1925: What does the .img-responsive class apply to an image?
- A: max-width: 100%; and height: auto;
- B: width: 100%; and height: auto;
- C: border-radius: 50%;
- D: border: 1px solid #000;
View Answer
A
Q1926: Fill in the blank: The class used for responsive embeds with a 4:3 aspect ratio is _____.
- A: .embed-responsive-4by3
- B: .embed-responsive-16by9
- C: .img-rounded
- D: .img-responsive
View Answer
A
Q1927: What does the .embed-responsive-16by9 class do?
- A: Creates a 4:3 aspect ratio for embedded content
- B: Defines a 16:9 aspect ratio for embedded content
- C: Makes images responsive
- D: Adds rounded corners to an image
View Answer
B
Q1928: Fill in the blank: To add rounded corners to an image in Bootstrap, you use the class _____.
- A: .img-rounded
- B: .img-responsive
- C: .img-circle
- D: .img-thumbnail
View Answer
A
Q1929: What aspect ratio is set by the class .embed-responsive-4by3?
- A: 0.67291666666667
- B: 0.16875
- C: 0.042361111111111
- D: 0.084027777777778
View Answer
B
Q1930: What class is used to create a Jumbotron in Bootstrap?
- A: .jumbotron
- B: .page-header
- C: .container
- D: .alert
View Answer
A