Course: Bootstrap 4

Welcome to the Bootstrap 4 Grid Medium Quiz.

This quiz checks your understanding of the Bootstrap 4 grid system with a focus on medium (md) devices. The col-md-* classes are used to control how layouts behave on medium-sized screens such as tablets and small laptops. These classes play a key role in responsive design by allowing layouts to switch between stacked and horizontal views at the medium breakpoint. Knowing how col-md works helps you create layouts that look balanced and consistent across different 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-md-* classes and how they behave on medium and larger screens.

• Understand how columns stack below the medium breakpoint.

• Focus on how the grid adapts when screen size crosses the md breakpoint.

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

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

• 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 Medium Tutorial

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 medium screen layouts.