如何排队标签和一个引导2形式的只读域

在引导2，什么是的形式排队标签和只读的文本字段的推荐方式。以下代码示例创建未对齐字段：如何排队标签和一个引导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修复此问题。这不是问题。这看起来不是内建的，所以我觉得我必须忽略一些东西。

来源

2012-03-27 batkuip

BS什么版本的？ – 2015-07-07 09:37:11

可以使用不可编辑输入

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

编辑：

自举3.0的一类已被添加到处理该

当您需要将常规的，静态文本在水平表格内的表格标签旁边，使用.form-control-static类别<p>

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

来源

2012-03-27 17:51:28

刚刚意识到我的问题是错的，你完全回答，所以我会将其标记为正确答案。然而，任何想法如果我只想在右侧的文字做什么？ – batkuip 2012-03-28 23:32:55

你想要在输入的右侧文字？ – 2012-03-28 23:55:42

标签的右侧。有些情况下只读文本框不适合。就像我最初的例子。 – batkuip 2012-03-29 03:18:08

有一个黑客。您可以使用<标签>带班 “复选框”

你的情况：

 
<div class="controls"> 
<label class="checkbox"> 
    Lorem Ipsum and then some 
</label> 
</div>

来源

2013-07-05 10:12:48 XuDing

“复选框”获得垂直对齐正确（我们正在寻找一些与padding-top：5px，是吗？）但在我的页面上不工作，因为它也添加了不需要的20px填充。想想我可能会去一个自定义类。 – mwardm 2014-11-13 11:37:12

如何排队标签和一个引导2形式的只读域

回答

相关问题