引導行中的垂直中心按鈕

我有以下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>"

來源

2015-12-09 tech74

保證金只需添加到按鈕中間的按鈕的H2標籤。

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

.tmargin { 
    margin-top: 12px; 
}

來源

2015-12-09 17:39:19

由於該作品，是有一種方法簡單地居中這兩個元件即垂直垂直對齊：中心;似乎並不適用於按鈕 – tech74

引導是一個不同的動物，我通常使用JavaScript垂直居中靴，因爲你從來沒有真正給容器高度。我通常做的是有一個腳本來獲得父母的高度和基於身高的中心。 –

但是，如果你找到一個bootstrap gu-ru，他們可能會有一個更好的解決方案，那麼我的，這是我該怎麼做。 –

引導行中的垂直中心按鈕

回答

相關問題