# Center image in bootstrap

**URL:** <https://forum.freecodecamp.org/t/center-image-in-bootstrap/180915>\
**Category:** I Built This\
**Created:** [March 21, 2018, 2:50pm UTC](https://forum.freecodecamp.org/t/center-image-in-bootstrap/180915 "2018-03-21T14:50:59Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![PMartin](https://avatars.discourse-cdn.com/v4/letter/p/3da27b/32.png) [@PMartin](https://forum.freecodecamp.org/u/PMartin)\
**Post date:** [March 21, 2018, 2:50pm UTC](https://forum.freecodecamp.org/t/center-image-in-bootstrap/180915/1 "2018-03-21T14:50:59Z")

</div>

I am struggling with how to center an image using Bootstrap. I have made the image responsive using img-responsive but can’t center it on the page. I have tried looking for different solutions but none seem to work.

My CodePen URL is [https://codepen.io/PMartin/pen/dmvryV](https://codepen.io/PMartin/pen/dmvryV) see the large image that is on the left, I am trying to center it.

Thank you

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 17, 2021, 7:48pm UTC](https://forum.freecodecamp.org/t/center-image-in-bootstrap/180915/3 "2021-01-17T19:48:23Z")

</div>

Closed on January 17, 2021, 7:48pm UTC