I have a Bootstrap Page like this:
A
-
I have three bootstrap 4 columns of different sizes. As the screen gets smaller the third column is hidden, then when the screen gets smaller still and the divs are stacked the order changes so that column 2 is at the top.
LEFT HAND SECTION
For news, links photos or comments.
MAIN SECTION
The main content for the page.
BLANK SECTION
Will usually just be blank.
I hope this helps. I found it difficult to understand this but finally got there with the help of this thread, but it was a bit hit and miss.