如何在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开始,已经添加了一个类来处理这个问题

当您需要在水平表单中的表单标签旁边放置常规静态文本时,请使用a上的.form-control-static类<p>

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