對齊標籤和值像標籤和輸入自舉

Question

我有這樣我的代碼：

<div class="control-group"> 
        <label class="control-label" for="etaord">  
<strong>Etat Ordre :</strong> </label> 
     <div class="controls"> 

     @if(edition){ 
      <select id="etaord" name="etaord" class="input-large"> 
      <option value=""></option> 
        @foreach (var item in Model.MINPARM001._MINPARM001.sortie.infoarg) 
      { 
      <option value="@item.argt" @(Model.PDDORDM002._PDDORDM002.sortie.infoordre.etatordre == @item.argt ? "selected=\"selected\"" : "")>@item.rubriqu.valrub</option> 
      } 
      </select> 
      }else{ 
      <p id="etaord">@Model.PDDORDM002.result.sortie.infoordre.libeta.Trim()</p> 
     } 


    </div> 
</div> 

當我在屏幕上編輯模式是，標籤和選擇字段是內聯。

但是，當我不在編輯模式下，標籤和值不內聯。我有一點垂直差異。

一個想法？

Answer 1

Bootstrap似乎期望class =「controls」元素中的表單控件。這有點hacky，但添加以下css規則應該工作

div.controls p { 
    margin-top:5px; 
}