html - 标签和常规文本的 Bootstrap 对齐

Question

我一直在尝试让文本正确垂直对齐，但没有成功。我能得到一些帮助吗？

下面是底层代码:

    <div class="form-group">
        <label class="control-label col-md-2">Permalink</label>
        <div class="col-md-10">
            http://www.somedomain.com/cart/@Model.Offer.Id
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.Offer.DateCreated, new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.DisplayFor(model => model.Offer.DateCreated)
            @Html.ValidationMessageFor(model => model.Offer.DateCreated)
        </div>
    </div>

Answer 1

根据 Bootstrap docs , 你可以使用 <p class="form-control-static">email@example.com</p>正确对齐表单组中的静态文本。