Tag Archives: Vertical align center in bootstrap 3

Vertical align in bootstrap 3


Vertical align in bootstrap 3 : You can vertical align in bootstrap by using your own custom classes as below.


Vertical align in bootstrap 3 Example

Let’s Create separate classes for vertical align in bootstrap

.vertical-center {
    display: inline-block;
    vertical-align: middle !important;
    float: none;
}
.vertical-top {
    display: inline-block;
    vertical-align: top !important;
    float: none;
}
.vertical-bottom {
    display: inline-block;
    vertical-align: bottom  !important;
    float: none;
}

Top Align
Center Align
Bottom Align

Try it ยป