水平形式纯文本垂直对齐答案

【问题标题】：Horizontal form plain text vertical alignment水平形式纯文本垂直对齐
【发布时间】：2013-05-29 01:31:06
【问题描述】：

在我的水平表单中，我尝试使用一行，其中不包含编辑控件，而只是一个静态文本（例如不可编辑的 ID）。当我把它放在那里时，它与标签不对齐。有没有可以用来正确对齐的元素/类？

<div class="form-horizontal">

    <div class="control-group">
        <label class="control-label">ID:</label>
        <div class="controls">
            <span class="help-inline">777</span>
        </div>
    </div>

</div>

【问题讨论】：

自 bootstrap 3.0 起使用 .form-control-static stackoverflow.com/questions/9887430/…

标签： twitter-bootstrap

【解决方案1】：

没有看到你的 CSS 是什么样子，这很难定义。

但是使用 vanilla Bootstrap CSS，尝试为您的 span 设置 padding-top，如下所示：

.help-inline {
    padding-top: 5px;
}

Fiddle here.

【讨论】：