如何在Bootstrap表单中将标签和只读字段alignment

在引导2中， 在表单中排列标签和只读文本字段的推荐方式是什么？ 以下代码示例创build未alignment的字段：

<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

您可以使用不可编辑的input

 <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

有一个黑客。 你可以使用<label>和class“checkbox”

在你的情况下：

 <div class =“controls”>
  <label class =“checkbox”>
      Lorem Ipsum然后一些
  </标签>
 </ DIV>