Bootstrap 4警报框关闭按钮未对齐

Question

我正在使用引导程序，当前有一个警告框：

<div class="alert alert-secondary alert-dismissible" id="delAlbumAlert">
  <span><strong>Delete Album!</strong> Select the album(s) you want to delete.</span>
  <button type="button" class="close" aria-label="Close" onclick="return handleOptions($('#btnDeleteAlbum'));">
    <span aria-hidden="true" style="color:black;">&times;</span>
  </button>
</div>

关闭按钮未垂直对齐。这是它的显示方式。

如何使按钮对齐？我尝试使用<div clas="alert..." style="top: -4px;">，但确实可行，但我想知道是否有更好的方法。

Answer 1

按如下所示覆盖按钮的st_convex_hull属性：

padding-top

.close {
    padding-top: .60rem !important;
}