twitter-bootstrap - 如何使用 Bootstrap 类将 Bootstrap 警报高度显示为较小的字体？

Question

单击删除按钮后，我设置了警报。
但它的默认高度更大，我想让它更小(高度)。

我试过 display-4 属性(property)，但它没有工作。
我已通过 w-50 将宽度设置为屏幕的一半，但警报的一半高度不能作为 h-50 .
<div class="offset-3 alert alert-danger display-4 w-50 ">
是否有任何类，如 sm，xs 使警报变小，就像我们在<button class="btn-sm"> ?

Answer 1

添加 p-1对它来说，大尺寸是由于警报中的填充。使用 p-1 减少它 Bootstrap 的实用程序类。它将内边距减少到 4px；

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">


<div class="alert alert-danger p-1">
  Small alert
</div>

<div class="alert alert-danger">
  Normal alert
</div>