Horizontal form and has-error on a single field

[odan]

I have two input fields in a form-horizontal > form-group.
The first field is required and the second field is optional.
If the first field is empty I only want to show an 'has-error' for the first input field
and not for the whole form-group.

Here is an example:
http://jsfiddle.net/6968cyqr/

How can i set an 'has-error' for a single input field?

[Saranya-Raaj]

Please enclose each input fields by form-group. Please go thru the bootstrap doc.

updated fiddle

[odan]

It doesn't work for me because I lost the horizontal space between the two input fields.

It works for me if I append 'has-error' to the col div.
But I'm not sure if it's valid "bootstrap markup"?
http://jsfiddle.net/qh3L376r/

<div class="col-md-3 has-error">
    <input type="text" name="firstname" class="form-control">
</div>

[praveenpuglia]

It works because you removed the form-group classes from the divs containing the input fields. BTW dont you think you need form-inline instead of form-horizontal in this case since you want the inputs side by side?

Something like this?
http://jsfiddle.net/j84yvwyn/

[mdo]

We don't currently support it on multiple fields. Changing that would break backward compatibility, so we can't do it until v4.