Bootstrap - 垂直对齐按钮 [英] Bootstrap - Vertically Align Button With Well

问题描述

我有一口井，我试图垂直对齐它右侧的一个按钮。我想我可以使用传统的CSS，但我宁愿不冒险打破引导。

< div class =容器'> < div class ='row well top-buffer'> < div class ='col-md-10'> < a href ='＃'id ='dl'> v0.0.1 - 2015年7月11日| 20：15：34 - ; / A> < p>注意：此测试版仅适用于< br> 2015年8月8日下午11:59 PST< / p> < / DIV> < div class ='col-md-2 vcenter'> < button type =buttonclass =btn btn-primary btn-lg pull-right>下载< / button> < / DIV> < / DIV> < / div>

JSFiddle

解决方案

 你必须使用col-xs类来让我们看看我为你创建的js fillde：`https：// jsfiddle.net / 2w4Lc5L7 /`
  

I have a well and I am trying to vertically align a button on the right of it. I guess I could just use traditional CSS, but I'd rather not run the risk of breaking the bootstrap.

  <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>

JSFiddle

解决方案

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/`

这篇关于Bootstrap - 垂直对齐按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！