twitter-bootstrap - 水平形式纯文本垂直对齐

Question

在我的水平表单中，我尝试有一行，它不包含编辑控件，而只是一个静态文本（例如不可编辑的 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>

Answer 1

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

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

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

在这里拉小提琴。