Centering image in bootstrap only text center works

1 
html
<div class="text-center"> 
8   <img class="img-fluid" src="http://acurator.com/blog/Salk-Dr-Jonas-19xx.jpg"alt"Dr. Salk vaccinating a little girl"> 
9       </div>

I tried using img-responsive, and .center-block as detailed here, but it didn’t work

any ideas?

Thanks,
Amelia

2

There are different ways to center images. I usually do something like this in CSS:

img.center {
    display: block;
    margin: 0 auto;
}

with this html:

<div> 
  <img class="img-fluid center" src="http://acurator.com/blog/Salk-Dr-Jonas-19xx.jpg"alt"Dr. Salk vaccinating a little girl"> 
</div>
5 Likes