Add 'container' to center the content in page

I set the `@total-width` as 90% because I want some spacing around the page. The problem is, the element with column(s) will not be horizontally centered.
This `container` mixin solves this problem.

If you think it's improper to introduce a new mixin, maybe we can add the this spacing as horizontal `padding` of  `body`?