html – Bootstrap 3：垂直居中的按钮

概述我想在一列中垂直居中一组按钮(见图).行的高度是动态的.我尝试了很多我发现的东西,但没有任何作用. 截图：https://www.dropbox.com/s/ztogupb46o1rfym/bootstrap.PNG <div class="row question even"> <div class="col-sm-7 col-md-9 text r-text"> <di 我想在一列中垂直居中一组按钮(见图).行的高度是动态的.我尝试了很多我发现的东西,但没有任何作用.

截图：https://www.dropbox.com/s/ztogupb46o1rfym/bootstrap.PNG

<div >    <div >        <div>            dynamic content        </div>    </div>    <div  ID="radio">        <input  ID="question3" name="question3" type="hIDden" value="4">        <div  data-target="question3" data-toggle="buttons-radio">            <button  data-toggle="button" type="button" value="1">1</button> <button  data-toggle="button" type="button" value="2">2</button>            <button  data-toggle="button" type="button" value="3">3</button> <button  data-toggle="button" type="button" value="4">4</button>            <button  data-toggle="button" type="button" value="5">5</button>        </div>    </div></div>

这是我的整个代码：http://bootply.com/95760

有一个想法吗？

我正在使用bootstrap 3.

提前致谢！

解决方法 试试这个：

.question{    position: relative;}.r-answer{    position: static;}.r-answer .btn-group{    position: absolute;    top: 50%;    margin-top: -17px;}

只要按钮的大小保持不变,这将使它们对齐中心,否则你将需要JavaScript来修复它.

总结

以上是内存溢出为你收集整理的html – Bootstrap 3：垂直居中的按钮全部内容，希望文章能够帮你解决html – Bootstrap 3：垂直居中的按钮所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。