Course: Bootstrap 4

Welcome to the Bootstrap 4 Grid Basic Quiz.

This quiz checks your understanding of the Bootstrap 4 grid system and how it is used to create responsive layouts. The grid system is one of Bootstrap's core features and is based on a 12-column layout that helps you design structured, flexible web pages. Knowing how the grid works allows you to build layouts that adapt smoothly to different screen sizes such as mobile, tablet, and desktop. 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 container classes like .container and .container-fluid.

• Focus on row and column structure using .row and .col-* classes.

• Understand how the 12-column system works in Bootstrap 4.

• Learn how columns behave inside rows and how spacing is managed.

• Pay attention to responsive column classes such as .col-sm, .col-md, .col-lg, 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

• You can review the topic here: Bootstrap 4 Grid Basic Tutorial

After Submission

• Your score will appear instantly.

• You can check the correct answers to understand mistakes and improve your ability to build responsive layouts using the Bootstrap 4 grid system.