一个DataTable单元中有两个按钮；一个比其他小

Question

我正在使用一个DataTable，该DataTable的列包含两个Bootstrap样式的按钮。出于某种原因，右侧的按钮比左侧的按钮略小。

Image of said problem

代码下方：

<div class="btn-group">
  <button type="button" class="btn btn-success btn-block mr-4" style="font-size:20px"> Hoogbouw</button>
  <button type="button" class="btn btn-danger btn-block" style="font-size:20px"> Laagbouw</button>
 </div>;

Css：

.dataTable tbody tr {
  height: 425px; 
}
.btn-group{
  width: 100%;
  height: 100%;
}
h1{
 text-align: center; 
}

有什么问题吗？

Answer 1

需要您提供其他代码，您看起来不错，但是每个单独的按钮在格式上是什么样？颜色不默认为红色和绿色。