I received a psd design with a background for html5-bootstrap development that needed to be responsive. The original psd had a width of over 1200px, with the main container around 900px wide and the background displaying correctly.
When converting to HTML: After creating the HTML and making it responsive, I noticed that the background image was almost hidden by the main container, as is often the case.
The solution proposed: The request came in to keep the design at a fixed length of 900px for desktop views while maintaining responsiveness (even if it means hiding the background image) for smaller devices. I knew there had to be a solution, but I couldn't find one.
The question at hand: With the use of Bootstrap, how can I set a fixed length for a responsive design on devices larger than 900px?