Centrar imagen dentro de un DIV utilizando Bootstrap

xcodex · 6 Sep 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 · 6 Sep 2019

Hola! Te dejo 2 opciones:
1.

Insertar CODE, HTML o PHP:

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

2.

Insertar CODE, HTML o PHP:

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

1520 · 6 Sep 2019

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

xcodex · 8 Sep 2019

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

Insertar CODE, HTML o PHP:

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

2.

Insertar CODE, HTML o PHP:

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

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

Gracias a ambos, funcionó. :-D

Centrar imagen dentro de un DIV utilizando Bootstrap

xcodex

Dtokee

1520

xcodex