0

私はこれを私のコードにしています:

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

画面編集モードのとき、ラベルと選択フィールドはインラインです。

しかし、編集モードでない場合、ラベルと値はインラインではありません。縦に少し差があります。

アイデア？

4

1 に答える 1

1

Bootstrap は、class="controls" 要素内のフォーム コントロールを想定しているようです。少しハックですが、次の css ルールを追加すると機能するはずです

div.controls p {
    margin-top:5px;
}
于 2013-06-21T04:50:38.860 に答える