Html btn块按钮的引导设置高度

我的代码如下所示：

<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 */
}

---

使用引导填充属性p-

---

实际上，

py-4

是按钮上的一个额外类

---

py-#

同时在顶部和底部添加填充，您可以通过更改数字来选择填充的大小（我认为最大值为4，但我可能错了）。

不确定我为什么在这个问题上被否决。这是一个真正的问题，我不知道答案，因为我是一个新的引导用户。我搜索了Google和Stack Overflow都没有找到答案。非常感谢。这很有效。当我在上面的代码中指定10%时，它是什么？它将是按钮的10%，但它只是一个伪值，最好在EM中定义。

<a class="btn btn-default btn-block p-3" href="#">1</a>