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

Question

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

我尝试display-4了财产，但没有奏效。我已将宽度设置为屏幕的w-50一半，但警报的一半高度不起作用h-50。

<div class="offset-3 alert alert-danger display-4 w-50 ">

是否有任何类，如 sm，xs 使警报变小，就像我们在 中使用它一样 <button class="btn-sm">？

标签： twitter-bootstrapbootstrap-4

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>