title: how can I center these 3 columns using bootstrap
body: <p>I'm relatively new to bootstrap I am trying to get the following 3 columns centered but they are off-center. The columns are col-md-3 each and the first one has an offset of 1 and I can understand why this is not centered but I can't work out how to get them centered.</p>
  
  <p>I have created the example in <a href="http://www.bootply.com/b7704OdBBk" rel="nofollow">bootply</a></p>