How to make page have consistent margins outside of content using bootstrap container, row and col?

Question

I am trying to create a page with responsive margins and consistent margins as in the following css code. I have my code set up as container > row > col-x. However, th