Ali obstaja kakšen način za vertikalno ali horizontalno centriranje elementov html znotraj glavnih staršev?
Popravek: čeprav je bil ta odgovor v začetku leta 2013 verjetno pravilen, ga ne smete več uporabljati. Pravilna rešitev uporablja odmike.
Kar zadeva predloge drugih uporabnikov, so na voljo tudi nativni razredi bootstrap, kot npr:
class="text-center"
class="pagination-centered"
Hvala @Henning in @trejder
uporabljam to
<style>
html, body {
height: 100%;
margin: 0;
padding: 0 0;
}
.container-fluid {
height: 100%;
display: table;
width: 100%;
padding-right: 0;
padding-left: 0;
}
.row-fluid {
height: 100%;
display: table-cell;
vertical-align: middle;
width: 100%;
}
.centering {
float: none;
margin: 0 auto;
}
</style>
<body>
<div class="container-fluid">
<div class="row-fluid">
<div class="offset3 span6 centering">
content here
</div>
</div>
</div>
</body>
za vodoravno centriranje lahko uporabite nekaj takega:
.centering{
float:none;
margin:0 auto
}
<div class="span8 centering"></div>