Course: Bootstrap 4

Welcome to the Bootstrap 4 Stacked / Horizontal Quiz.

This quiz checks your understanding of stacked and horizontal layouts in Bootstrap 4 and how they are created using the grid system and responsive classes. Stacked and horizontal layouts are commonly used to control how content appears on different screen sizes. By default, elements may stack vertically on smaller screens and align horizontally on larger screens. Knowing how this behavior works helps you build responsive layouts that look good on mobile, tablet, and desktop 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-related code shown in the question.

• Pay attention to how columns stack vertically on smaller screens.

• Understand how horizontal layouts are created using responsive column classes.

• Focus on breakpoint-based classes such as .col-sm, .col-md, .col-lg, and .col-xl.

• Learn how Bootstrap switches between stacked and horizontal layouts automatically.

• Understand real-world use cases like forms, cards, and content sections.

• Choose the option you think is correct based on how Bootstrap 4 actually handles stacked and horizontal layouts.

• 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 Stacked and Horizontal Layout Tutorial

After Submission

• Your score will appear instantly.

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