Css 强制在引导4中显示无效反馈

假设我有如下HTML：

...
<div class="form-group">
    <div class="form-check">
        <input class="form-check-input" type="checkbox" id="invalidCheck">
        <label class="form-check-label" for="invalidCheck">
            Agree to something
        </label>
    </div>

    <div class="invalid-feedback">
        I am outside of `form-check`!
    </div>
</div>
...

---

但我觉得这是一个老套的解决方案。请告知

使用显示类手动显示，例如

d-block

像这样使用它

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

或

有更好的方法

1） 查看一个

已验证的
类，您可以像这样在表单上设置该类

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

您还可以像这样动态检查表单是否有效

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

在Bootstrap-4中，是否可以在没有JS的情况下验证表单？使用
d-block
display util将是强制显示表单的唯一引导方法。反馈类设计用于验证。将
无效反馈
保留在
表单检查
之外是一种很有技巧的做法。在那之后，你别无选择，只能变得越来越黑。@YevgeniyAfanasyev你能看看我的这个吗。这对我很有帮助我有点困在这里了
<form action="..." class="was-validated" method="POST" novalidate>

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

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