Bootstrap basics quiz

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

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.

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

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

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

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

• d-none

• hidden

• invisible

• display-none

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

• btn-primary

• btn-default

• btn-success

• btn-main

In Bootstrap, which class is used to create a responsive image that scales with the parent element?

• img-scale

• img-fluid

• img-adaptive

• img-responsive

What class would you apply to an element to make it visible only on medium and larger screens in Bootstrap?

• d-none d-md-block

• visible-md

• display-md

• show-md

What class is used in Bootstrap to create a modal dialog that can be triggered by a button?

• modal-trigger

• modal-dialog

• modal-window

• modal-box