vertical-align with Bootstrap 3

Question

I\'m using Twitter Bootstrap 3, and I have problems when I want to align vertically two div, for example — JSFiddle link:

Answer 1

There are several ways you can do it:

1. Use 

   display: table-cell;
   vertical-align: middle;
   

   and the CSS of the container to

   display: table;
   

2. Use padding along with media-screen for changing the padding relative to the screen size. Google @media screen to know more.

3. Use relative padding

   I.e., specify padding in terms of %