• 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 8 years ago
  • Sandy Hook

Your Answer

    Facebook Share        
  • asked 8 years ago
  • viewed 2076 times
  • active 8 years ago

Best Rated Questions