Bootstrap 5垂直规则宽度不起作用

Question

我有一个包含两列的引导行，我想在它们之间添加一个垂直分隔线。 我使用了vr类的引导程序，但分隔线的宽度比预期的要宽

 <!DOCTYPE html> <html> <head> <!-- CSS only --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous"> <title>Page Title</title> </head> <body> <div class="row"> <div class="col"> <input type="text" class="form-control" placeholder="First name" aria-label="First name"> </div> <div class="vr"></div> <div class="col"> <input type="text" class="form-control" placeholder="Last name" aria-label="Last name"> </div> </div> <!-- JavaScript Bundle with Popper --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script> </body> </html>