Bootstrap - 垂直对齐按钮

时间:2015-07-08 04:33:14

标签: html css twitter-bootstrap

我有一个井,我试图垂直对齐它右侧的按钮。我想我可以使用传统的CSS,但我不想冒破坏引导程序的风险。



  <div class='container'>
    <div class='row well top-buffer'>
      <div class='col-md-10'>
        <a href='#' id='dl'>v0.0.1 - July 11, 2015 | 20:15:34</a>
        <p>Note: This beta is only available until<br>August 8, 2015 at 11:59PM PST</p>
      </div>
      <div class='col-md-2 vcenter'>
        <button type="button" class="btn btn-primary btn-lg pull-right">Download</button>
      </div>
    </div>
  </div>
&#13;
&#13;
&#13;

JSFiddle

2 个答案:

答案 0 :(得分:0)

you have to use col-xs class to make it possible have a look on js fillde i have created for you :  `https://jsfiddle.net/2w4Lc5L7/`

答案 1 :(得分:0)

将右拉类添加到div而不是按钮。

    <div class="col-md-2 vcenter pull-right">
        <button type="button" class="btn btn-primary btn- lg">Download</button>
    </div>