标签和常规文本的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文档,您可以使用<p class="form-control-static">email@example.com</p>正确对齐表单组中的静态文本.