Twitter Bootstrap - hoe elementen horizontaal of verticaal te centreren

Is er een manier om html elementen verticaal of horizontaal te centreren in de hoofdouders?

itsme
Bewerkte vraag 8ste2 mei 2013 в 5:16
Programmering
css twitter-bootstrap
10de1 april 2012 в 12:21
16 views
Oplossing

Update: hoewel dit antwoord begin 2013 waarschijnlijk correct was, mag het niet meer worden gebruikt. De juiste oplossing gebruikt offsets.

Zoals voor andere gebruikers suggestie zijn er ook native bootstrap klassen beschikbaar zoals:

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

met dank aan @Henning en @trejder

Community
Bewerkt antwoord 23ste1 mei 2017 в 12:10
Commentaren (6)

Ik gebruik dit.


    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
Bewerkt antwoord 3de4 januari 2014 в 12:38
Commentaren (1)

voor horizontaal centreren kan je zoiets hebben als dit:

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

 <div class="span8 centering"></div>
Jsalinas
Bewerkt antwoord 25ste4 juli 2014 в 2:22
Commentaren (3)