Course: Bootstrap 4


Topic: Layout & Grid System Quiz

Total Time: 5 Minutes

Difficulty Level: medium


Bootstrap 4 Quiz Instructions

Welcome to the Bootstrap 4 Grid Large Quiz.

This quiz checks your understanding of the Bootstrap 4 grid system with a focus on large (lg) devices. The col-lg-* classes are used to design layouts for large screens such as laptops and desktop monitors. These classes help you control how content is displayed when more screen space is available, allowing layouts to remain well-structured and visually balanced. Knowing how col-lg works is important for creating professional, desktop-friendly designs while maintaining responsiveness across devices. Read the instructions carefully before you begin.

Quiz Format

  • Total Questions: 10

  • Difficulty Level: Medium

  • Question Type: Multiple Choice

  • Each question has one correct answer.

Timing

  • Total time limit: 5 minutes

  • Move through each question with steady focus and avoid spending too long on any single one.

Scoring

  • Each correct answer = +1 point

  • No negative marking

  • Maximum Score = 10 points

How to Play

  • Read each question carefully and review any Bootstrap grid-related code shown in the question.

  • Pay attention to col-lg-* classes and how they behave on large and extra-large screens.

  • Understand how columns stack below the large breakpoint.

  • Focus on how layouts expand and align when screen width increases.

  • Learn how col-lg works with rows and containers.

  • Compare col-lg behavior with other breakpoints like col-md and col-xl.

  • Choose the option you think is correct based on how the Bootstrap 4 grid system actually works.

  • Once you move to the next question, you won’t be able to go back.

Rules

  • Don’t refresh or close the quiz window during the attempt.

  • Avoid external notes, books, or online help while answering.

  • Keep an eye on the timer throughout the quiz.

Before You Start

After Submission

  • Your score will appear instantly.

  • You can check the correct answers to understand mistakes and improve your use of the Bootstrap 4 grid for large screen layouts.

Go Back Top