对齐标签和值像标签和输入自举

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; 
}