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 System Quiz.

This quiz checks your understanding of the Bootstrap 4 grid system and how it is used to create responsive and flexible page layouts. The grid system in Bootstrap 4 is based on a 12-column structure that allows developers to divide the page into rows and columns that automatically adjust across different screen sizes. Knowing how the grid system works helps you build modern, mobile-friendly websites with clean and consistent layouts. 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 the role of .container, .container-fluid, and .row.

  • Understand how column classes like .col-, .col-sm-, .col-md-, .col-lg-, and .col-xl- work.

  • Focus on how columns stack, resize, and align on different screen sizes.

  • Learn how nested rows and columns behave inside the grid system.

  • Understand how spacing and alignment are handled within the grid.

  • 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 ability to design responsive layouts using the Bootstrap 4 grid system.

Go Back Top