Centrar imagen dentro de un DIV utilizando Bootstrap

X

xcodex

• 6 Sep 2019

• #1

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

 

D

Dtokee

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 6 Sep 2019

• #2

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

Épsilon

Verificado

Verificación en dos pasos activada

Verificado por Whatsapp

¡Ha verificado su Paypal!

• 6 Sep 2019

• #3

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

 

X

xcodex

• 8 Sep 2019

• #4

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>

Hacer clic para expandir...

luis1520 dijo:

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

Hacer clic para expandir...

Gracias a ambos, funcionó. :-D