如何删除 Bootstrap 5 中低于警报的边距？

Question

我正在 Ruby 在 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>

Answer 1

使用 g-0 class 禁用装订线。阅读有关文档的更多信息 here

Answer 2

.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>

如何删除 Bootstrap 5 中低于警报的边距？

How to remove margin below alert in Bootstrap 5?

html

css

erb

bootstrap-5