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

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

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

Answer 2

有一个黑客。您可以使用<标签>带有类"复选框"

在您的情况下：

<div class="controls"><label class="checkbox">Lorem Ipsum和一些<标签><div>

Answer 3

自bootstrap 4.0起，.form-control-static类已被.form-control-plaintext类取代。