两个元素之间的Bootstrap断线？

Question

我有以下类似登录的页面代码。

如何在两行之间划分线？现在他们直接彼此相邻，我想在徽标下方输入用户名和密码。我正在使用Bootstrap框架。

 .container
    .jumbotron.d-flex.align-items-center
      .row
        .col-sm-12
          img(src='assets/logo.png' width='418' height='120' style='display: block; margin: 0 auto;')
      .row
        .col-sm-12
          h3(style='display:block; margin: 0 auto;') Username
          input(type='text' placeholder='name')
        .col-sm-12
          h3(style='display:block; margin: 0 auto;') Password
          input(type='password' placeholder='password')
        .col-sm-12
          button#logIn.btn-primary.btn Log in
          p Forgot password?