twitter-bootstrap - 如何在 Bootstrap 2 表单中排列标签和只读字段

Question

在 Bootstrap 2 中，在表单中排列标签和只读文本字段的推荐方式是什么。以下代码示例创建未对齐的字段:

<form class="form-horizontal">
    <fieldset>
        <legend>Sample</legend>    
        <div class="control-group">
            <label class="control-label">Readonly Field</label>
            <div class="controls">
                Lorem Ipsum and then some
            </div>
        </div>
    </fieldset>
</form>

请注意，我可以使用自定义 CSS 自行修复此问题。那不是问题。这似乎很愚蠢，这不是内置的，所以我觉得我一定忽略了一些东西。

Answer 1

您可以使用不可编辑的输入

<span class="input-xlarge uneditable-input">Lorem Ipsum and then some</span>

编辑:

从 bootstrap 3.0 开始，添加了一个类来处理这个问题

When you need to place regular, static text next to a form label within a horizontal form, use the .form-control-static class on a <p>

<div class="controls">
  <p class="form-control-static">Lorem Ipsum and then some</p>
</div>