I am working on a mock brochure/magazine/resume single page site and utilized bootstrap's container-fluid
.
The layout appears as follows -
body
div - container-fluid
div - container-fluid
row
col-7
col-1
col
Each column contains multiple row containers.
Issue: When the screen is resized, the columns stack vertically.
Desired Outcome: When resizing the screen, maintain the look without stacking columns - similar to viewing a pdf on different devices.
Any suggestions on how to achieve this?