Solved

Identify the Correct Class for Each Bootstrap Background Color Description

Question 1

Matching

Identify the correct class for each Bootstrap background color description.

Premises:
Used to format links within the navbar.
Applies a yellow/orange background color.
Applies a light gray background color.
Used to format links vertically for smaller viewports.
Applies a dark gray background color.
Applies a dark teal background color.
Applies a dark green background color.
Applies a dark blue background color.
Used to vertically center text.
Used to collapse the navbar.
Formats navbar text links white.
Formats navbar text links black.
Used to wrap the business name or logo.
Used to format the hamburger menu icon.
Applies a red background color.
Creates a fluid navbar using Bootstrap.
Responses:
navbar-dark
bg-success
bg-light
navbar-nav
bg-primary
bg-secondary
navbar-toggler
navbar
navbar-text
navbar-brand
navbar-light
bg-info
navbar-collapse
bg-danger
navbar-expand
bg-warning

Correct Answer:

Applies a dark blue background color.
bg-primary
Applies a red background color.
bg-danger
Applies a dark green background color.
bg-success
Applies a light gray background color.
bg-light
Applies a dark gray background color.
bg-secondary
Applies a yellow/orange background color.
bg-warning
Used to format the hamburger menu icon.
navbar-toggler
Creates a fluid navbar using Bootstrap.
navbar
Formats navbar text links black.
navbar-light
Used to wrap the business name or logo.
navbar-brand
Formats navbar text links white.
navbar-dark
Used to vertically center text.
navbar-text
Used to format links vertically for smaller viewports.
navbar-expand
Used to format links within the navbar.
navbar-nav
Used to collapse the navbar.
navbar-collapse
Applies a dark teal background color.
bg-info
Related Questions