Alignment of input value and .form-control-static for several columns in a row

[prbaron]

Hello,

I created a two columns forms, the first column has an input and the second, a static field. As you can see on the screenshot below, the two values are not aligned.

But when I set this, it is ok.

.form-control-static {
    padding-top : 7px
}

However, the padding can be strange when no input on the same line. So should we solve this ?

Best regards

[cvrebert]

Duplicate of #12801 perhaps? Please re-test using the latest CSS in the master branch.

[cvrebert]

Hmm, yeah, .form-control-static only helps with form-horizontal.

[mdo]

Fix applied and demo-ed in http://jsbin.com/xuxaq/1.

[twbs-lmvtfy]

Hi @mdo!

You appear to have posted a live example (http://jsbin.com/xuxaq/1), which is always a good first step.
However, according to the HTML5 validator, your example has some validation errors, which might be causing your issue:

• line 6225, column 46: Bad value `for attribute` for `on HTML element` label: An ID must not be the empty string.
• line 6231, column 46: Bad value `for attribute` for `on HTML element` label: An ID must not be the empty string.
• line 6225, column 46: The for attribute of the label element must refer to a form control.
• line 6231, column 46: The for attribute of the label element must refer to a form control.

You'll need to fix these errors and post a revised example before we can proceed further.
Thanks!

(Please note that this is a fully automated comment.)

[prbaron]

I checked your file and it works great. However, shouldn't we add some classes for form-control-static?

for exemple : .form-control-static-lg, .form-control-static-sm, ... to get the right padding-top value ?

[mdo]

Attaching .input-lg and .input-sm to these controls will do what you need. Pushing the tweaks for that now.

[mdo]

Oh, and see it in action at http://jsbin.com/xuxaq/2.

[prbaron]

Thank you ! I wanted to propose it, but I wasn't sure about the responsibility of these classes concerning the .form-control-static.