Question

我已经引用了引导CSS（具体来说是bootstrap.min.css，并且可以正常工作-我有form-group，btn btn-important和其他许多Bootstrap CSS类也显示得很好-但是我的验证类（例如field-validation-error）似乎没有相应的CSS声明……无论如何我都可以找到。

他们在哪里；我想念什么？还有其他我没有的CSS文件吗？

Answer 1

如果我在这里查看引导文档（https://getbootstrap.com/docs/4.3/components/forms/#custom-styles），我会知道field-validation-error没有CSS类定义。为了进行验证，您需要在form-control元素中添加<input />类，并按照:invalid或:valid css4伪选择器应用样式。

这里还有一个使用css3方式的选项（https://getbootstrap.com/docs/4.3/components/forms/#server-side）。只需在is-invalid元素和is-valid类中添加<input />或form-control类。

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<input class="form-control is-invalid" />
<br/>
<input class="form-control is-valid" />

引导程序-仅缺少验证样式

1 个答案: