title: Bootstrap max-width columns responsive
body: <p>I am trying to code a section of a one-page responsive Bootstrap design that has two side-by-side columns of text. The designer wants these two columns to have a max-width, but once it reaches its max, it is no longer centered (as the rest of the content continues to be responsive). </p>
  
  <p>Is there a way around this to still have the two columns of text centered?</p>
  
  <p>Edit: Here is a link to what the code looks like: <a href="http://www.bootply.com/119539" rel="noreferrer">http://www.bootply.com/119539</a></p>