Центральная кнопка вертикально в строке начальной загрузки

Question

У меня есть следующий html. Я использую структуру Bootstrap 3. Я пытаюсь вертикально выровнять свою кнопку с заголовком h2 в строке. Проблема заключается в том, что кнопка выравнивается с вершиной столбца div, а не посередине, как заголовок. Также, когда размер экрана изменяется на меньший, кнопка выравнивается с нижней. У меня есть ссылка на jsfiddle.

http://jsfiddle.net/n74/c9dhn9nc/17/

<div class ="row"> 
     <div class="col-sm-9"> 
     <h2>Dashboard</h2> 
     </div> 
     <div class="col-sm-3" > 
      <button class="btn btn-success btn-lg pull-right">Create App</button> 
     </div> 
    </div>" 

Answer 1

Просто добавьте запас на кнопку, чтобы центрировать кнопку на h2 тега.

http://jsfiddle.net/c9dhn9nc/19/

.tmargin { 
    margin-top: 12px; 
}