中心按钮垂直在引导行中

时间:2015-12-09 17:28:52

标签: javascript html css twitter-bootstrap

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

1 个答案:

答案 0 :(得分:1)

只需在按钮上添加一个边距,使按钮居中于h2标签。

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

.tmargin {
  margin-top: 12px;
}