如何排隊標籤和一個引導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形式的只讀域

回答

相關問題