Centralizar imagem dentro de um DIV utilizando Bootstrap

xcodex · 06/09/2019

Hola a todos!!
Tengo un Div en el cual me gustaría que se muestre una imágen centrada.

Por ejemplo:

Estoy utilizando Bootstrap para que quede Responsive, pero no logro darme cuenta como hacer para que cuando la imágen es mas chica, la misma quede centrada.

¿Podrían orientarme?. :-D

Dtokee · 06/09/2019

Hola! Te dejo 2 opciones:
1.

Inserir CODE, HTML ou PHP:

<img src="..." class="mx-auto d-block">

2.

Inserir CODE, HTML ou PHP:

<div class="text-center">
  <img src="..." alt="...">
</div>

1520 · 06/09/2019

En el css coloca
.NombreDiv img {
margin-top: 0px;
margin-left: 0px;
margin right: 0px;
margin-bottom: 0px;
}

xcodex · 08/09/2019

Dtokee disse:
Hola! Te dejo 2 opciones:
1.

Inserir CODE, HTML ou PHP:

<img src="..." class="mx-auto d-block">

2.

Inserir CODE, HTML ou PHP:

<div class="text-center"> <img src="..." alt="..."> </div>

luis1520 disse:
En el css coloca
.NombreDiv img {
margin-top: 0px;
margin-left: 0px;
margin right: 0px;
margin-bottom: 0px;
}

Gracias a ambos, funcionó. :-D

Centralizar imagem dentro de um DIV utilizando Bootstrap

xcodex

Dtokee

1520

xcodex

Tópicos similares