Bootstrap col order causing offset

Question

I am new to Bootstrap and I'm having trouble with column ordering. In my first example, the page content is centered nicely (no push/pull). In the second example, I have added the push/pull, but the page content is no long er centered.

correct version incorrect version

Would love to learn why this is happening. Thanks!!!

Answer 1

Use col-md-4 col-md-push-8 and col-md-8 col-md-pull-4. Push force the column to the right. So does pull to the right.