Aš naudoju bootstrap karkasą ir bandau gauti paveikslėlį, centruotą horizontaliai, tačiau nesėkmingai..
Išbandžiau įvairius metodus, pvz., 12 tinklelių sistemos padalijimą į 3 vienodus blokus, pvz.
<div class="container">
<div class="row">
<div class="span4"></div>
<div class="span4"><img src="logo.png" /></div>
<div class="span4"></div>
</div>
</div>
Koks yra paprasčiausias būdas, kad vaizdas būtų centruotas puslapio atžvilgiu?
"Twitter bootstrap" turi klasę, kuri centruoja: .pagination-centered
Man tai pavyko padaryti:
<div class="row-fluid">
<div class="span12 pagination-centered"><img src="header.png" alt="header" /></div>
</div>
Už klasės css yra:
.pagination-centered {
text-align: center;
}
Darant prielaidą, kad šalia paveikslėlio nėra nieko kito, geriausia yra naudoti text-align: center
img
tėvų grupėje:
.row .span4 {
text-align: center;
}
Redaguoti
Kaip minėta kituose atsakymuose, galite pridėti bootstrap CSS klasę .text-center
prie pagrindinio elemento. Tai daro lygiai tą patį ir yra tiek v2.3.3, tiek v3.