我有这个我的代码:
<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;
}
关于css - 使用 BootStrap 对齐标签和值,例如标签和输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17214335/