Search Header Logo

Bootstrap basics quiz

Authored by Alaa Adel

Information Technology (IT)

11th Grade

Used 1+ times

Bootstrap basics quiz
AI

AI Actions

Add similar questions

Adjust reading levels

Convert to real-world scenario

Translate activity

More...

    Content View

    Student View

10 questions

Show all answers

1.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which Bootstrap class is commonly used on the <a> tag within a navigation bar to represent the main brand name of the website?

navbar-item

navbar-link

navbar-brand

navbar-logo

2.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the primary function of Bootstrap's grid system, as demonstrated by classes like

row and col-md-3?

To define custom font styles.

To create responsive page layouts that adapt to different screen sizes.

To apply background colors to sections.

To manage server-side interactions.

3.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which Bootstrap utility class would you use to add a top margin of 3 units (spacing) to an element, as seen in the hero section's paragraph p class="......................"

mb-3

mx-3

mt-3

my-3

4.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

When creating navigation links within a Bootstrap navbar, each individual link is typically wrapped in which list item class?

nav-link-item

nav-group

nav-item

nav-list

5.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which Bootstrap class is used to create a responsive container that adapts to the width of the viewport?

container-fluid

container-responsive

container

container-fixed

6.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

In Bootstrap, which class is used to hide an element on all screen sizes?

d-none

hidden

invisible

display-none

7.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What Bootstrap class would you use to create a button with a primary style?

btn-primary

btn-default

btn-success

btn-main

Access all questions and much more by creating a free account

Create resources

Host any resource

Get auto-graded reports

Google

Continue with Google

Email

Continue with Email

Classlink

Continue with Classlink

Clever

Continue with Clever

or continue with

Microsoft

Microsoft

Apple

Apple

Others

Others

Already have an account?