如何使用引导程序类将引导程序警报高度显示为较小的字体？

Question

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

我试过display-4财产，但没有奏效。我已将宽度设置为 sceen by 的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引导程序的实用程序类来减少它。它会将内边距减少到 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>