Css 剑道UI验证消息中断引导布局

我有一个收集用户信息的表单，它是使用bootstrap设计的。我使用剑道UI验证来验证用户输入

这是表格的一部分

表单第一行的Html。

名字：
未知的
姓氏：
未知的
首字母：
未知的

您可以尝试将其从正常流程中取出，并覆盖在屏幕的顶部，这样就不会通过添加position:absolute干扰其他元素

.k-widget.k-tooltip-validation.k-invalid-msg{
位置：绝对位置；
最高：100%；
左：0；
}

---

KyleMit的答案是好的，也是一种方法。我更喜欢使用验证器消息自定义定位，这是剑道UI验证器功能。您可以使用一行html将验证器消息放在任何您想要的地方。只需为属性的数据放置输入id，将其连接到右输入元素

<span class="k-invalid-msg" data-for="input-id"></span>

您是否也可以提供错误消息的html？（或者是由JS生成的？）它是由剑道UI验证程序生成的。我用剑道更新了帖子。太棒了。。工作起来很有魅力。非常感谢您的快速帮助。