Bootstrap basic resize of image?

HTML & CSS
1

Hi guys,
I dunno where to post this bootstrap question.
Just correct me if I’m wrong.

So I have a page.
http://coder9.com/ciportfolio/front/adaptive/

It is made using Bootstrap.
The question is when I re-size the page the image header won’t auto shrink into small image.
Why is this?
Also I defined the hearder, body and footer with width=“950” is this fine?
Can anyone explain to me the proper way.

Thank you very much in advanced.

2

HI,

Your page isn;t loading I;m afraid;

Server not found

Firefox can’t find the server at coder9.com.

We’d need to see the code to give a reliable answer. Setting header and footer to 950px may stop your page collapsing smaller if you are counteracting any media queries that have been set.

3

Don’t set a width on the body element. That’s not a good idea. Instead, set the width on your wrapper and center that instead. If you want it to flex, you need to give it a % width. E.g.

#wrapper {
  width: 80%;
  max-width: 960px;
  margin: 0 auto;
}