Responsiv bild anpassa centrum bootstrap 3

Question

Mer

Question

Responsiv bild anpassa centrum bootstrap 3

Jag gör en katalog med Bootstrap 3. När produktbilderna visas på surfplattor ser de fula ut på grund av deras lilla storlek (500x500) och en bredd på 767 pixlar i webbläsaren. Jag vill placera bilden i mitten av skärmen, men av någon anledning kan jag inte göra det. Vem kan hjälpa mig att lösa problemet?

ange bildbeskrivning här

Nick Chapman

Redigerad fråga 2017ör juli 2017 в 7:29

Programmering

image

html

css

twitter-bootstrap

alignment

Popular videos

« Föregående

Nästa »

Solution / Answer

Ahmed

2013ör augusti 2013 в 10:29

Mer

@media (max-width: 767px) {
   img {
     display: table;
     margin: 0 auto;
   }
}

3

0

Lägg till en fråga

Kategorier

Alla

Teknik

Kultur / fritid

Livet / Konst

Vetenskap

Professionell

Företag

Användare

Alla

Ny

Populära

1

Анна Литвиненко

Registrerad för 1 dag sedan

2

Inessa bu

Registrerad för 1 månad sedan

3

Denis Babushkin

Registrerad för 1 månad sedan

4

asakuno asakuno

Registrerad för 1 månad sedan

5

aldo salerno

Registrerad för 1 månad sedan

Artificial intelligence to parse product page

productapi.dev

Bojangles · Accepted Answer · 2013-08-27T10:25:05+00:00

Om du använder Bootstrap v3.0.1 eller senare bör du använda [den här lösningen] (https://stackoverflow.com/a/20396826/383609) i stället. Den åsidosätter inte Bootstraps stilar med anpassad CSS, utan använder istället en Bootstrap-funktion.

Mitt ursprungliga svar visas nedan för eftervärlden

Det här är en mycket enkel lösning. Eftersom .img-responsive från Bootstrap redan ställer in display: block kan du använda margin: 0 auto för att centrera bilden:

.product .img-responsive {
    margin: 0 auto;
}