Modern Web Design with HTML5, CSS3, and JavaScript - Creating an Alert in Bootstrap

Modern Web Design with HTML5, CSS3, and JavaScript - Creating an Alert in Bootstrap

Assessment

Interactive Video

Information Technology (IT), Architecture

University

Hard

Created by

Quizizz Content

FREE Resource

The video tutorial explains how to use Bootstrap to create and customize alerts. It covers the use of default Bootstrap colors, making alerts dismissible with JavaScript, and styling alerts with classes. Advanced customization options, such as adding links and headings, are also discussed. The tutorial concludes with implementing a close button to make alerts interactive.

Read more

5 questions

Show all answers

1.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What are the default color schemes available for Bootstrap alerts?

Bold, Italic, Underline

Solid, Gradient, Transparent

Red, Blue, Green, Yellow, Purple, Orange

Primary, Secondary, Success, Danger, Warning, Info, Light, Dark

2.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which class is used to apply a primary alert in Bootstrap?

alert-warning

alert-success

alert-primary

alert-danger

3.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

How can you change the link color within a Bootstrap alert?

By using the color-change class

By using the alert-link class

By using the link-color class

By using the text-color class

4.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is required to make a Bootstrap alert dismissible?

Applying the dismissible class

Using the alert-close class

Adding a close button with the data-dismiss attribute

Including a close icon

5.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which attribute is used to specify that a button should dismiss an alert?

data-hide

data-close

data-remove

data-dismiss