Stretched images and centered content with Bootstrap

See more:

CSS

HTML

HTML5

bootstrap

I need to lay out a web page with several images that must stretch to fill the available browser window, but with text content that is centred in the page. So far, the only ways I seem to be able to do this are, a) combine the images into one, and set this as a background image for body, then carefully vertically position the middle bands of content to fit the gaps between images, or, b) to nest a container (fixed) div inside a container-fluid div, holding the image, with the fixed holding the text content. I have, however, seen dire warnings and scorn poured on those who advocate nesting bootstrap containers.

This image[^] may help convey what I need.