• support@answerspoint.com

Responsive image align center bootstrap 3


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?



This is a pleasantly easy fix. Because .img-responsive from Bootstrap already sets display: block, you can use margin: 0 auto to center the image:

.product .img-responsive {
    margin: 0 auto;
  • answered 6 years ago
  • Sandy Hook

Your Answer

    Facebook Share        
  • asked 6 years ago
  • viewed 1667 times
  • active 6 years ago

Best Rated Questions