Course: Bootstrap 4

Welcome to the Bootstrap 4 Grid Extra Small Quiz.

This quiz checks your understanding of the Bootstrap 4 grid system with a focus on extra-small (xs) devices. Extra-small screens include mobile phones and very small devices where screen space is limited. In Bootstrap 4, extra-small layouts are handled by default grid behavior without using a specific col-xs-* class. Knowing how the grid works on extra-small screens helps you design mobile-first layouts that are clean, readable, and user-friendly. 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.

• Understand that extra-small layouts are the default behavior in Bootstrap 4.

• Pay attention to .col-* classes and how they behave on small screens.

• Focus on how columns stack vertically on extra-small devices.

• Learn how mobile-first design works in the Bootstrap grid system.

• Compare extra-small behavior with sm, md, lg, and xl breakpoints.

• 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 Extra Small 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 extra-small screen layouts.