为什么 Bootstrap 5 在 span 标签后加一个换行符？

Question

有人问过与此问题类似的问题，但没有解决该问题的一个非常简单的示例。给定下面的代码，如果使用 Bootstrap 5，将在结束 span 标记后添加一个换行符。 vanilla HTML、HTML5 或使用较早版本的 Bootstrap 时情况并非如此。有谁知道 Bootstrap 5 中发生了什么变化导致了这个？

我可以通过将 span 和后续文本包装在一个带有 style="display:inline" 的段落中来轻松解决这个问题，但我对这个问题很好奇。

<!-- Bootstrap 5 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">


<!-- HTML -->
<div class="container" style="width: 100%; height: 100%; border-style: none;">
  <div class="row" style="border-style: solid;">
    <span style="font-weight: bold">Editing User #</span>2, david
  </div>
</div>

Answer 1

因为你把它放在 row 中，没有 col

<!-- Bootstrap 5 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">


<!-- HTML -->
<div class="container" style="width: 100%; height: 100%; border-style: none;">
  <div class="row" style="border-style: solid;">
    <div class="col">
    <span style="font-weight: bold">Editing User #</span>2, david
    </div>
  </div>
</div>

为什么 Bootstrap 5 在 span 标签后加一个换行符？

Why does Bootstrap 5 add a line break after a span tag?

html

css

line-breaks

bootstrap-5