使用显示类手动显示，例如d-block
像这样使用它

<div class="valid-feedback d-block">

或

<div class="invalid-feedback d-block">

Find more in documentation

还有更好的办法。

**1）**查看一个was-validated类，您可以在表单上设置它，如下所示

<form action="..." class="was-validated" method="POST" novalidate>

当在表单上设置时，它会显示验证反馈，并对输入字段进行颜色编码。
只要在服务器端验证失败时，有条件地将其添加到表单中即可。

2）或者您可以使用一些JavaScript来控制显示的内容。您可以动态添加此类

$('form').addClass('was-validated');

你也可以像这样动态检查表单是否有效

if ($('form').checkValidity()) {...

如果你有一个invalid-feedback类的div，但它不是紧跟着一个必需的输入标记，那么即使在将was-validated添加到表单中之后，它也可能不会显示。然而，下面的黑客应该工作。

<form>
    <!-- form inputs to validate here -->
    <!-- something else -->
    <input type="hidden" value="hack" required> <!-- the hack -->
    <div class="invalid-feedback">Here is some global feedback to show</div>
    <button id="submit-button" type="submit">Submit</button>
</form>