Bootstrap 4 Figure class

This article will learn about the bootstrap 4 figures examples in detail.

What do you mean by figure class in bootstrap 4?

In bootstrap 4, the figure class adds styling to the default figure elements and displays images with an additional caption.

The following elements are used in bootstrap 4 figures classes:

  • .figure: This class is used to indicate a figure element.
  • .figure-img: It is used to indicate the image used in the figure element.
  • .figure-caption: This class is used to display a caption below the figure element.

Let's take the following examples of Bootstrap 4 Figure classes.

Example 1:

Explanation:

We have created an example of bootstrap 4 figure classes in the above example.

Output:

Following is the output of this example.

Bootstrap 4 Figure class

Example 2:

Explanation:

We have created an example of bootstrap 4 figure classes with above and below fig caption in the above example.

Output:

Following is the output of this example.

Bootstrap 4 Figure class

Example 3:

Explanation:

We have created an example of bootstrap 4 figure classes with featured tag in the above example.

Output:

Following is the output of this example.

Bootstrap 4 Figure class




Latest Courses