假设我有这样的 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>
...
我想要force显示<div class="invalid-feedback">...不使用 JavaScript（只想使用 Bootstrap CSS）。我知道我可以使用 CSS 类，例如was-validated or is-invalid, but invalid-feedback是在外面form-check。有没有一种简单易行的方式来展示invalid-feedback通过添加 Bootstrap 相关的 CSS 类？
我找到了一个解决方案：
<div class="invalid-feedback d-block">
Now I am visible!
</div>
但我觉得这是一个很棘手的解决方案。请指教！
例如，使用显示类手动显示它d-block
像这样使用它
<div class="valid-feedback d-block">
or
<div class="invalid-feedback d-block">
在文档中查找更多信息 https://v4-alpha.getbootstrap.com/utilities/display-property/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
