[英]Align Label and value like Label and Input with BootStrap
我有我的代碼:
<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>
當我處於屏幕編輯模式時,標簽和選擇字段是內聯的。
但是當我不在編輯模式下時,標簽和值不是內聯的。 我在垂直上有一點差異。
一個主意?
Bootstrap似乎期望class =“ controls”元素中包含表單控件。 有點hacky,但是添加以下css規則應該可以
div.controls p {
margin-top:5px;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.