# Help Me! Basic Bootstrap Question

**URL:** <https://forum.freecodecamp.org/t/help-me-basic-bootstrap-question/141754>\
**Category:** General\
**Created:** [August 14, 2017, 7:53pm UTC](https://forum.freecodecamp.org/t/help-me-basic-bootstrap-question/141754 "2017-08-14T19:53:00Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![KPilate](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kpilate/32/79120_2.png) [@KPilate](https://forum.freecodecamp.org/u/KPilate)\
**Post date:** [August 14, 2017, 7:53pm UTC](https://forum.freecodecamp.org/t/help-me-basic-bootstrap-question/141754/1 "2017-08-14T19:53:00Z")

</div>

Okay, so I’ve been playing and staring at this code for over an hour trying to get it to work and my brain now wants to turn to mush. Can someone please look this code over and explain to me why my image is refusing to be responsive. It just sits there, none changing.

 ![Spongebob demostrating imagination](https://global.discourse-cdn.com/freecodecamp/original/3X/e/e/ee6fad32d229e2110c11637aab02448b3cd4c918.jpg)

---

<div class="post-metadata">

**Author:** ![KPilate](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kpilate/32/79120_2.png) [@KPilate](https://forum.freecodecamp.org/u/KPilate)\
**Post date:** [August 14, 2017, 7:54pm UTC](https://forum.freecodecamp.org/t/help-me-basic-bootstrap-question/141754/2 "2017-08-14T19:54:55Z")

</div>

Oh I forgot to add the link, silly me, here it is: [https://codepen.io/Spy10/pen/wqJBYm/?editors=1100](https://codepen.io/Spy10/pen/wqJBYm/?editors=1100)

---

<div class="post-metadata">

**Author:** ![KPilate](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kpilate/32/79120_2.png) [@KPilate](https://forum.freecodecamp.org/u/KPilate)\
**Post date:** [August 14, 2017, 10:38pm UTC](https://forum.freecodecamp.org/t/help-me-basic-bootstrap-question/141754/4 "2017-08-14T22:38:27Z")

</div>

Well, I’ve been working with HTML and CSS on and off for a year now and I just started using the bootstrap framework. According to the website I’m learning from, the .img-responsive class is supposed to make the image as wide as your browser. The css code should look someone like width:100% height:auto overflow:hidden but whenever I add it to my img class, the image won’t change. I’m thinking I’m probably doing something wrong or have overlooked something.

---

<div class="post-metadata">

**Author:** ![KPilate](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kpilate/32/79120_2.png) [@KPilate](https://forum.freecodecamp.org/u/KPilate)\
**Post date:** [August 14, 2017, 11:28pm UTC](https://forum.freecodecamp.org/t/help-me-basic-bootstrap-question/141754/6 "2017-08-14T23:28:57Z")

</div>

This works, thanks. It would seem I still have much to learn. I don’t think my brain is wired for front end web development but even back end developers need to be familiar with the front end side so I hear. And yea, I sometimes get my divs confused but I will hopefully get used to it. Thanks, again.

---

<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, 8:42pm UTC](https://forum.freecodecamp.org/t/help-me-basic-bootstrap-question/141754/7 "2021-01-17T20:42:46Z")

</div>

Closed on January 17, 2021, 8:42pm UTC