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:
Premises:
Responses:
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
Premises:
Applies a dark blue background color.
Applies a red background color.
Applies a dark green background color.
Applies a light gray background color.
Applies a dark gray background color.
Applies a yellow/orange background color.
Used to format the hamburger menu icon.
Creates a fluid navbar using Bootstrap.
Formats navbar text links black.
Used to wrap the business name or logo.
Formats navbar text links white.
Used to vertically center text.
Used to format links vertically for smaller viewports.
Used to format links within the navbar.
Used to collapse the navbar.
Applies a dark teal background color.
Responses:
bg-primary
bg-danger
bg-success
bg-light
bg-secondary
bg-warning
navbar-toggler
navbar
navbar-light
navbar-brand
navbar-dark
navbar-text
navbar-expand
navbar-nav
navbar-collapse
bg-info
Related Questions
Q2: In Bootstrap, if you want to apply
Q3: To integrate a hamburger menu icon using
Q4: When writing jQuery statements, begin each statement
Q5: Which is an online system used to
Q6: WordPress, Joomla, and Drupal are some of
Q7: The _ text class in Bootstrap makes
Q8: A web framework is a development
Q9: CDN is short for core driver navigation.
Q10: As you develop a webpage, you might
Q11: Describe the Bootstrap class values container and container-fluid.