Мне нужно выложить веб-страницу с двумя изображениями, которые должны растянуться, чтобы заполнить доступное окно браузера, но с текстовым контентом, расположенным по центру страницы. До сих пор единственные способы, с которыми я, по-видимому, в состоянии это сделать: a) объединить два изображения в один и установить это как фоновое изображение для body
, затем осторожно вертикально поместить средний диапазон содержимого в соответствии с пробелом между изображениями или, b) вложить a container
(фиксированный) div внутри a container-fluid
, удерживая изображение, и фиксированное содержимое текстового содержимого. Однако я видел ужасные предупреждения и презрение к тем, кто выступает за вложенные контейнеры для бутстрапов.
Это изображение может помочь передать то, что мне нужно:
"Изображение 1" должно растягиваться по всему окну, при этом оставшееся содержимое по центру, то же самое с "Изображение 2", с простой полосой белого цвета по вертикали между изображениями и простой полосой серого справа по экрану в внизу.