Bootstrap max width image header.

[oj]

Hello! I am new to bootstrap, i am trying to figure out how to get my header image with max width.
So i set the div container with max-width: 1000px; I am okay with the padding on the sides but for my header image, i want to display that till my black background border.

here is a picture: https://uploadpie.com/1piHoH

and the code!

https://codepen.io/anon/pen/QpwBdW

[Paulie_D]

I’m really unclear on what it is you are trying to do.

Is this mean to be a background image of the header? In that case it should be in the CSS…not the HTML.

Also the “image” in the codepen doesn’t seem to be linked correctly.

[oj]

i created another picture.
https://uploadpie.com/keOHlM

As you can see the red header image is like a full width, that is what i am trying to make. i think there is a problem with the ”container div ” but i am not sure.
Thanks

[Paulie_D]

Yes…but is it meant a background image…it seems very large to be inline.

[oj]

Basically i just want to put that image like a header. No matter how large the picture I put in there always will be space in each side ( margins?!). I don’t want those spaces.

[Paulie_D]

OK…but the Codepen still isn’t loading the image…but my guess is that you’ll need just to not use the column div to wrap the image…it’s not necessary…or at least not use the column class

The div will be 100% wide by default.

[Paulie_D]

http://codepen.io/Paulie-D/pen/MpYqxP

[Author]

Posts