如何在 Bootstrap 5 中删除低于警报的保证金？答案

【问题标题】：How to remove margin below alert in Bootstrap 5?如何在 Bootstrap 5 中删除低于警报的保证金？
【发布时间】：2021-08-02 20:46:55
【问题描述】：

我正在开发 Ruby On Rails，在 .html.erb 文件中我使用的是 Bootstrap 5。

我有额外的填充：

with extra padding

以及如何做到这一点：

enter image description here

代码：

<div class="alert alert-primary">
  <%= link_to 'Войти в аккаунт', sign_in_path, class: 'sign-up-text' %>
</div>

【问题讨论】：

这是关于 折叠边距 吗？无法从屏幕截图中猜测，可能是其他任何东西。我们缺少显示您的问题的那部分代码

标签： html css erb bootstrap-5

【解决方案1】：

.alert 有下边距，使用.mb-0 去掉它：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.css">


<div class="alert alert-primary">
  alert alert-primary
</div>
<div class="bg-success">
  other content
</div>

<div class="alert alert-primary mb-0">
  alert alert-primary mb-0
</div>
<div class="bg-success">
  other content
</div>

【讨论】：

【解决方案2】：

使用 g-0 类禁用装订线。阅读更多关于文档here

【讨论】：