How to center the image in bootstrap 4? [duplicate]

Answer 1

Center an inline element has nothing to do with Bootstrap actually.

Center the image using text-align

An image is an inline element and can be aligned using text-align.

Text will flow around the image, since it is an inline element.

Normally:

The Bootstrap way:

Center the image using margin

You can change the display of the image to a block element and use margin to center the block.

Text will be pushed above and under the image since we change the display to block.

The Bootstrap way:

Full example

.my-text-center {
  text-align: center;
}

.my-block-center {
  display: block;
  margin: auto;
}