添加<div class =“ row”>(引导)元素后,<hr>元素消失

我正在使用Bootstrap 4.3.1编写登录页面。 添加“行” div后,水平标尺消失了,我无法找回它。 有趣的是,当我添加带注释的section标记时,我可以再次看到水平线。

有什么建议为什么会发生/如何使水平线在没有section标签的情况下再次可见?

<div class="container">
  <div class="row">
    <header class="text-center">
      <h1 class="text-uppercase"><strong>The biggest startup event of the year</strong></h1>
    </header>
    <!-- <section> -->
      <hr>
      <button class="btn btn-primary btn-xl">Find out more</button>
    <!-- </section> -->
  </div>
</div>