Bootstrap - Vertical Centering

I'm sorry, I don't exactly understand what you mean.

Ok so you have.

<img class="col-lg-5 img-responsive" src="img/life.gif">
<p class="col-md-2 col-md-offset-3"><button type="button" class="btn btn-default">Default button</button></p>

Well I would try doing something like this: <img class="col-lg-5 img-responsive" src="img/life.gif"> <button type="button" class="btn btn-defaul col-lg-2">Default button</button>

Then offset it until it looks good. Rather than putting it inside a paragraph tag which isn't needed just add those classes to the button and see if it works.

It's being dumb and won't let me edit my post but here.

Code: <img class="col-lg-5 img-responsive" src="img/life.gif"> <button type="button" class="btn btn-default col-lg-2">Default button</button>

You have to be kidding it won't post the code. It keeps giving the default button thing. Take the paragraph tags away from the button and in the <button> tag add the col-lg-2 to the class after btn-default.

Pastie.org perhaps?

Ok try this code. http://pastie.org/8476094

I erased my old code, and put that in under the #content1. That made the button in the middle to the screen, so that's good. But can you think of a way to vertically align the button now so that it is even to the center of the image?

Can you upload your source files somewhere for me and I can look at it when I get extra time.

https://www.dropbox.com/s/isbq60rmx5hdoeg/dist.zip

Thank you for your help!

Ok not really a great way to do it but it works, I went into your style.css and added this code.

.btn {
margin-top: 11.5em
}

See and I was thinking the same thing. The problem is that when the screen width changes it goes to the bottom left. I don't know how to workaround this problem.