Bootstrap right Column on top on mobile view

Answer 1

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.