Bootstrap: align labels on different lines

Question

I am making a form using Bootstrap 3.3.2 and I am having problems aligning labels of different lines when elements have different col-xs - *

Download Example

I need the Bar and Faa labels for alignment, as well as the Bar field with the Faa and Bor tags that support the sizes and positions of the fields (the Bar field is double size).

Answer 1

The problem is that you are using the form-group and col-xs-* in the same div.

You need to wrap each form-group in a different div using col-xs-* .

I fixed your code:

[Bootply fixed] [1]

[1]: http://www.bootply.com/yDbREoFh2v