Bootstrap 5 Grid Classes

SufficientDandelion avatar
SufficientDandelion
·
·
Download

Start Quiz

Study Flashcards

12 Questions

What is the correct class to use for creating three equal-width columns on all devices?

col

On which screen width do xlarge devices fall according to Bootstrap 5 grid classes?

Equal to or greater than 1200px

Which class should be applied to create two various-width columns that start at tablets and scale to large extra desktops?

col-sm-4 col-lg-8

Which class should be used to add zebra-stripes to a table in Bootstrap?

.table-striped

Which class should be combined to create a dark, striped table in Bootstrap?

.table-dark and .table-striped

Which contextual class should be used to color the whole table in Bootstrap?

.table-primary

How can you add rounded corners to an image in Bootstrap 5?

.rounded

How do you center an image in Bootstrap 5 using utility classes?

.mx-auto.d-block

Which class should you use to shape an image into a circle in Bootstrap 5?

.rounded-circle

What is the first step in using Bootstrap 5 buttons?

Add the btn class to the element

How can you assign background color to a Bootstrap 5 button?

Assign contextual classes like btn-*

Which class should be used for creating small buttons in Bootstrap 5?

btn-sm

Learn about the six classes in the Bootstrap 5 grid system which cater to different screen sizes from extra small to xxlarge devices. Understand how these classes help in creating responsive web layouts.

Make Your Own Quizzes and Flashcards

Convert your notes into interactive study material.

Get started for free

More Quizzes Like This

Bootstrap 5 Card Component Usage
12 questions
Diseño de UI con Bootstrap: Grid y Tablas
18 questions
Bootstrap Lecture 5
18 questions

Bootstrap Lecture 5

ImprovingDoppelganger avatar
ImprovingDoppelganger
Use Quizgecko on...
Browser
Browser