Bootstrap 3 – center content in column rows

[matthisco]

Hello,

I have a padded div in one of my columns, this is pushing the remaining content in the other columns. I really dont want to add padding to each col to realign, is there another way I can go about aligning the content vertically so the button is centered?

example:

codepen sample:

http://codepen.io/matthisco/pen/gPJzRy
Can anyone please tell me the best way to go about this….

[Paulie_D]

Floats don’t have vertical alignment.

Perhaps inline-block instead?

[matthisco]

Thanks for the reply.

My button is inline-block, not sure what you mean?

[Paulie_D]

It is floated…

.pull-right, .login-form__submit {
    float: right !important;
}

Any chance you could make a reduced demo?

There’s a lot of stuff in there that not relevant.

If you need to include Bootstrap use the supplied option…dont C&P the whole thing.

[Author]

Posts