Align Этикетка и значение, как этикетки и вход с Bootstrap

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, похоже, ожидает контроля формы в классе = элементы управления. Это немного хаки, но добавление следующего правила css должно работать.

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