Darau katalogą naudodamas "Bootstrap 3". Rodomi planšetiniuose kompiuteriuose produktų vaizdai atrodo negražiai dėl mažo dydžio (500x500) ir 767 pikselių pločio naršyklėje. Noriu paveikslėlį patalpinti ekrano centre, bet kažkodėl negaliu. Kas bepadės išspręsti šią problemą?
_Jei naudojate "Bootstrap v3.0.1" ar naujesnę versiją, vietoj jos turėtumėte naudoti šį sprendimą. Jis nepakeičia "Bootstrap" stilių pasirinktiniais CSS, o naudoja "Bootstrap" funkciją.
Mano originalus atsakymas pateikiamas toliau, kad būtų galima jį išsaugoti
Tai maloniai lengva pataisyti. Kadangi .img-responsive
iš "Bootstrap" jau nustato display: block
, galite naudoti margin: 0 auto
, kad išcentruotumėte paveikslėlį:
.product .img-responsive {
margin: 0 auto;
}