我的代码是这样的:
<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 class="col-xs-4">
<a class="btn btn-default btn-block" 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 设置高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25174391/