Twitter Bootstrap - come centrare gli elementi orizzontalmente o verticalmente

c'è un modo per centrare gli elementi html verticalmente o orizzontalmente all'interno dei genitori principali?

itsme
Domanda modificata 8º maggio 2013 в 5:16
Programmazione
css twitter-bootstrap
10º aprile 2012 в 12:21
12 visualizzazioni
Soluzione

Aggiornamento: mentre questa risposta era probabilmente corretta all'inizio del 2013, non dovrebbe più essere usata. La soluzione corretta usa gli offset.

Per quanto riguarda il suggerimento di altri utenti ci sono anche classi native di bootstrap disponibili come:

class="text-center"
class="pagination-centered"

grazie a @Henning e @trejder

Community
Risposta modificata 23º maggio 2017 в 12:10
Commentari (6)

Io uso questo


    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
Risposta modificata 3º gennaio 2014 в 12:38
Commentari (1)

Per la centratura orizzontale si può avere qualcosa del genere:

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

 <div class="span8 centering"></div>
Jsalinas
Risposta modificata 25º luglio 2014 в 2:22
Commentari (3)