@baseLineHeight and inputs with [span*] classes.

[maimairel]

When customizing Bootstrap with a different @baseLineHeight than the default one, then inputs inside row-fluid will have different heights compared to inputs in non row-fluid.

This is caused by .row-fluid [class*=span] defines min-height: 30px;

I think this can be fixed by computing the min-height for those inputs.

[maimairel]

I recently discovered that this issue also happens on input-large, input-xlarge, input-xxlarge for viewports below 767px.

This is caused by the min-height: 30px; from mixins.less line 157:

// Block level inputs
.input-block-level {
display: block;
width: 100%;
min-height: 30px; <-- This should be computed from @baseLineHeight + padding + border
.box-sizing(border-box);
}

Also, select and input[type="file"]'s height and line height are also inconsistent with other inputs, as their height and line-height are 30px, not computed from @baseLineHeight.

Thank you

[maimairel]

Thanks for the fix.

But this needs an additional fix which fixes the inputs for non-block level inputs.