vertical align column in row

Question

My row items are currently aligned to the top of my row:

Is there a way I can align them horizontally?

<div className="row well">
        <div className="col-xs-12 col-lg-3">

        </div>
        <div className="col-xs-12 col-lg-6">

        </div>
        <div className="col-xs-12 col-lg-3">

            <Button bsStyle="default pull-right">
                <Icon type="user" /> xx People
            </Button>

        </div>
</div>

http://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3?rq=1 — Paulie_D, Feb 19 '16 at 12:54
Thanks for the reply, do I have to give my buttons a height for the fix to work? — Bomber, Feb 19 '16 at 13:02
Can someone explain why they've down voted my question too please? Whats wrong with it? — Bomber, Feb 19 '16 at 13:19

score -1 · Answer 1 · answered Feb 19 '16 at 13:01

-1

Transform the button in an inline-block element to define the vertical align:

button {
   display: inline-block;
   vertical-align: middle;
}

answered Feb 19 '16 at 13:01

Marcos Pérez Gude

21,869
4
38
69

vertical align column in row

1 Answers1