Add a horizontal form validation example (check double label classes)

[caiquecastro]

The validation feedback for errors (.has-danger) has not been applied to the col-form.label.

<div class="form-group has-danger">
    <label for="name" class="col-form-label">Name</label>
    <input type="text" id="name" name="name" class="form-control">
    <span class="help-block">The name field is required.</span>
</div>

[caiquecastro]

I'd changed the class for the validation error message to .form-control-feedback, and it now works it, but the issue still remains for the input label. What's the correct class?

[caiquecastro]

In other parts of the docs, there is a reference to .form-text class. What's the correct one: .form-text or .form-control-feedback?

[mdo]

If you're using v4, make sure you have the latest code—this should be working just fine with Alpha 5.

From our documentation:

• v3's validation docs
• v4's validation docs

[caiquecastro]

If I am using the form on the grid, as in the docs:

http://v4-alpha.getbootstrap.com/components/forms/#using-the-grid

Do I have to use both col-form-label and form-control-label classes on my label?

[mdo]

Ah, sorry, yes, right now you do. I think we need to revisit that. Reopening and retitling the issue so we can tackle that.

[caiquecastro]

Thanks!