The background-image property sets one or more background images for an element. Are applied to the image so that it scales with the parent element. This will actually do the trick to make the background responsive by having a specific top padding added to it. Twitter Bootstrap carousel different height images cause bouncing arrows.
I have a site with the standard header on top, and below it I want to have a div with a background image filling the rest of the page in height. It is still contained with the container so it's not meant to be full-screen. Twitter Bootstrap accordion full height. Images in Bootstrap are made responsive with. Twitter Bootstrap Responsive Background-Image inside Div. Try increasing image height of itself and use maybe. Inspired by the natural hardening mechanism, photo initiated.