title: Responsive image align center bootstrap 3
body: <p>I do a catalog using Bootstrap 3. When displayed on tablets, the product images look ugly because of their small size (500x500) and a width of 767 pixels in the browser. I want to put the image in the center of the screen, but for some reason I can not. Who be will help solve the problem?</p>
  
  <p><img src="https://i.stack.imgur.com/bwJiHm.jpg" alt="Screenshot of part of a product page with the product not centered underneath the headline"></p>