html - 一个 DataTable 单元格中有两个按钮；一个比另一个小

Question

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

上述问题的图片

代码下方：

<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; 
}

哪里不对了？

标签： htmlbuttonbootstrap-4

Answer 1

需要您提供额外的代码，您所拥有的看起来不错，但是每个单独的按钮在格式方面是什么样的？颜色不默认为红色和绿色。