title: How can I center a responsive image
body: <p>I can't figure out how I can make a responsive image and at the same time make the image centered regardless if it is viewed on a cellphone or on a computer with a wider resolution.</p>
  
  <p>I'm using css class <code>.img-responsive</code> but that always does align the image left. I checked on the fields set by that class but can't find out how to combine the different styles so that the image is responsive and at the same time centered.</p>
  
  <p>It's a simple image contained within an <code>div</code> or <code>article</code> specified with a <code>row-fluid</code> class.</p>