Ik maak een catalogus met Bootstrap 3. Bij weergave op tablets zien de productafbeeldingen er lelijk uit vanwege hun kleine formaat (500x500) en een breedte van 767 pixels in de browser. Ik wil de afbeelding in het midden van het scherm plaatsen, maar om de een of andere reden lukt dat niet. Wie kan helpen dit probleem op te lossen?
Als u Bootstrap v3.0.1 of hoger gebruikt, moet u in plaats daarvan deze oplossing gebruiken. Het overschrijft Bootstrap's stijlen niet met aangepaste CSS, maar gebruikt in plaats daarvan een Bootstrap-functie._
Mijn oorspronkelijke antwoord staat hieronder voor het nageslacht
Dit is een aangenaam eenvoudige oplossing. Omdat .img-responsive
van Bootstrap al display: block
instelt, kun je margin: 0 auto
gebruiken om de afbeelding te centreren:
.product .img-responsive {
margin: 0 auto;
}