I have a design that I'm converting to be Bootstrap responsive but have run into a couple of problems.
- How to make a non full width background image responsive
- How to keep the main form content the correct distance away from the top of the image no matter what the viewport size.
Mock up image
I'd be very grateful for any pointers
background-size
property, and use percentages ? Or use a site container grid of 4 x 4 x 4 and the centre 4 will contain background image (and content)?