为什么在使用formValidation.js时必须指定字段的行属性？

Question

查看 FormValidation getting started docs, they use a row: '.col-xs-5' property in the script of their Complex Form 示例。我正在努力思考为什么这是必要的？是否与正确显示反馈有关message？

Answer 1

他们使用行选项根据输入的大小给出错误消息的大小。

例如：

<div class="col-xs-8">
      <label class="control-label">Movie title</label>
      <input type="text" class="form-control" name="title" />
</div>

标题输入的大小是col-xs-8并且你还必须给验证选项一个带有col-xs-8的行选项来以正确的宽度显示错误消息，这是输入的大小（col-xs-8).

 title: {
                row: '.col-xs-8',
                validators: {
                    notEmpty: {
                        message: 'The title is required'
                    },
                    stringLength: {
                        max: 200,
                        message: 'The title must be less than 200 characters long'
                    }
                }
            }