Skip to main content

Fundamentals of Front End Development MCQs with Answers

Practice important Fundamentals of Front End Development MCQs with answers and explanations.

Multiple Choice Questions

🚀 Start Quiz
Q2001: How are indicators added to a Bootstrap carousel?
  • A: By using a
    with class .carousel-indicators
  • B: By using an ordered list with class .carousel-indicators
  • C: By adding a class .carousel-buttons
  • D: By including a with class .carousel-indicator
View Answer
B

Q2002: What class is used to add a caption to each slide in the carousel?
  • A: .carousel-caption
  • B: .carousel-item
  • C: .carousel-text
  • D: .carousel-label
View Answer
A

Q2003: Fill in the blank: The .left.carousel-control class adds a ____ button to the carousel.
  • A: right
  • B: next
  • C: previous
  • D: stop
View Answer
C

Q2004: Which attribute in the carousel control links determines the direction of the slide movement?
  • A: data-slide
  • B: data-target
  • C: data-slide-to
  • D: data-move
View Answer
A

Q2005: What does the .carousel("pause") method do?
  • A: Activates the carousel
  • B: Goes through the carousel items from left to right
  • C: Stops the carousel from going through items
  • D: Moves to a specified item
View Answer
C

Q2006: Fill in the blank: To go to the next item in the carousel, use the method ____.
  • A: .carousel("prev")
  • B: .carousel("next")
  • C: .carousel("pause")
  • D: .carousel("cycle")
View Answer
B

Q2007: How do you add a caption to a slide in the carousel?
  • A: By adding a with class .carousel-caption
  • B: By including a
    with class .carousel-caption inside each .item
  • C: By applying the .carousel-caption class directly to the slide
  • D: By using .carousel-caption in the
      element
View Answer
B

Q2008: Fill in the blank: The class .carousel is used to create a ____.
  • A: control
  • B: indicator
  • C: slide
  • D: carousel
View Answer
D

Q2009: What is a simple method to test responsiveness of a web design?
  • A: Testing on all devices available
  • B: Resizing the browser window
  • C: Using a physical mobile device
  • D: Using a dedicated testing device
View Answer
B

Q2010: Fill in the blank: Chrome DevTools' device mode allows for ____ simulation.
  • A: media queries
  • B: network
  • C: mobile device
  • D: touch events
View Answer
C

Test Your Knowledge

Take a timed quiz on Fundamentals of Front End Development

🚀 Start Quiz Now