Twitter Bootstrap - πώς να κεντράρετε στοιχεία οριζόντια ή κάθετα

υπάρχει κάποιος τρόπος να κεντράρετε στοιχεία html κάθετα ή οριζόντια μέσα στους κύριους γονείς;

itsme
Επεξεργασμένη ερώτηση Κάνε Μάιος 2013 в 5:16
Προγραμματισμός
css twitter-bootstrap
Κάνε Απρίλιος 2012 в 12:21
8 προβολές
Λύση

Επικαιροποίηση: ενώ αυτή η απάντηση ήταν πιθανώς σωστή στις αρχές του 2013, δεν θα πρέπει να χρησιμοποιείται πλέον. Η σωστή λύση χρησιμοποιεί αντισταθμίσεις.

Όσον αφορά την πρόταση άλλων χρηστών, υπάρχουν επίσης διαθέσιμες εγγενείς κλάσεις bootstrap όπως:

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

χάρη στον @Henning και τον @trejder

Community
Επεξεργασμένη απάντηση Κάνε Μάιος 2017 в 12:10
Σχόλια (6)

χρησιμοποιώ αυτό


    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
Επεξεργασμένη απάντηση Κάνε Ιανουάριος 2014 в 12:38
Σχόλια (1)

για οριζόντια κεντράρισμα μπορείτε να έχετε κάτι τέτοιο:

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

 <div class="span8 centering"></div>
Jsalinas
Επεξεργασμένη απάντηση Κάνε Ιούλιος 2014 в 2:22
Σχόλια (3)