jquery - Bootstrap 3 : Fix the row height

Question

固定行高是一种好习惯吗？
我正在尝试使用 help-block 类来动态显示错误消息，但是当我显示消息时，它会更改完整的网格布局。
jsfiddle
这就是没有 help-block 消息的网格的显示方式。

当我点击提交时，它会检查必填字段是否为空。如果是，那么这就是它的显示方式。

问题是错误消息是动态添加的，动态地改变了行的高度。我该如何解决？

Answer 1

Is it a good practice to have a fixed row height?

是的。

固定行高的一种方法是将以下 css 代码添加到该特定页面以过载基本 bootstrap.css

<style>
    .row{ height:50px;}/* change it to the resulting height after the dynamic change*/
</style>

不建议更改基础文件。

如果您有其他可能更改的 ro，则会受到此更改的影响。 我建议为这些行添加一个额外的类

<style>
    .fixed-row{ height:50px;}
</style>

<div class="row fixed-row"><!-- your fields --></div>