Twitter Bootstrap - kako centrirati elemente vodoravno ali navpično

Ali obstaja kakšen način za vertikalno ali horizontalno centriranje elementov html znotraj glavnih staršev?

itsme
Edited question Npopoldan 37p8.5.20132tni 37trpopoldanni maj 2013 в 5:16
Programiranje
css twitter-bootstrap
Npopoldan 34p10.4.20121tni 34trpopoldanni april 2012 в 12:21
22 ogledi
Rešitev

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

Community
Edited answer Npopoldan 44p23.5.20171tni 44trpopoldanni maj 2017 в 12:10
Komentarji (6)

uporabljam to


    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;
    }


    <div class="container-fluid">
        <div class="row-fluid">
            <div class="offset3 span6 centering">
                content here
            </div>
        </div>
    </div>
Ian Campbell
Edited answer Ndopoldan 18p3.1.20144tni 18trdopoldanni januar 2014 в 12:38
Komentarji (1)

za vodoravno centriranje lahko uporabite nekaj takega:

.centering{
float:none;
margin:0 auto
}

 <div class="span8 centering"></div>
Jsalinas
Edited answer Npopoldan 35p25.7.20144tni 35trpopoldanni julij 2014 в 2:22
Komentarji (3)