html – btn-block按钮的Bootstrap设置高度

概述我的代码如下所示： <div class="row"> <div class="col-xs-4"> <a class="btn btn-default btn-block" href="#">1</a> </div> <div class="col-xs-4"> <a class="btn btn-default btn-block" href="#">2</a> 我的代码如下所示：

<div >  <div >    <a  href="#">1</a>  </div>  <div >    <a  href="#">2</a>  </div>  <div >      <a  href="#">3</a>  </div></div>

这给了我3个按钮,这就是我想要的.我想做的是让按钮更高.如果可能的话,我不希望以像素为单位指定高度,以便它可以更好地扩展到不同的屏幕尺寸.我可以将高度指定为(宽度)比例或屏幕高度的百分比吗？

提前致谢.

解决方法 简单&最好的解决方案是添加顶部和底部填充.

.btn-block {    padding: 10% 0;     /* define values in pixels / Percentage or em. whatever suits        your requirements */}

总结

以上是内存溢出为你收集整理的html – btn-block按钮的Bootstrap设置高度全部内容，希望文章能够帮你解决html – btn-block按钮的Bootstrap设置高度所遇到的程序开发问题。

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