title: Bootstrap 3: vertically centered buttons
body: <p>I want to <strong>vertically center a group of buttons</strong> in a column (see image). The height of the row is dynamic. I've tried a lot of things that I found, but nothing works.</p>
  
  <p>Screenshot: <a href="https://www.dropbox.com/s/ztogupb46o1rfym/bootstrap.PNG" rel="nofollow">https://www.dropbox.com/s/ztogupb46o1rfym/bootstrap.PNG</a></p>
  
  <pre><code>&lt;div class="row question even"&gt;
      &lt;div class="col-sm-7 col-md-9 text r-text"&gt;
          &lt;div&gt;
              dynamic content
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="col-sm-5 col-md-3 r-answer" id="radio"&gt;
          &lt;input class="answerradio" id="question3" name="question3" type="hidden" value="4"&gt;
  
          &lt;div class="btn-group" data-target="question3" data-toggle="buttons-radio"&gt;
              &lt;button class="btn btn-primary" data-toggle="button" type="button" value="1"&gt;1&lt;/button&gt; &lt;button class="btn btn-primary" data-toggle="button" type="button" value="2"&gt;2&lt;/button&gt;
              &lt;button class="btn btn-primary" data-toggle="button" type="button" value="3"&gt;3&lt;/button&gt; &lt;button class="btn btn-primary" data-toggle="button" type="button" value="4"&gt;4&lt;/button&gt;
              &lt;button class="btn btn-primary" data-toggle="button" type="button" value="5"&gt;5&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is the my entire code: <a href="http://bootply.com/95760" rel="nofollow">http://bootply.com/95760</a></p>
  
  <p>Have some one an idea?</p>
  
  <p>I'm using Bootstrap 3.</p>
  
  <p>Thanks in advance!</p>