C# 引导的对齐问题

我试图水平对齐我的视图表单页面，但找不到方法。这是该页面的快照。请帮忙。例如，城市和城市名称不对齐。我该怎么做

联系方式
@LabelFor（model=>model.MailingAddress，htmlAttributes:new{@class=“controllabel col-md-2”}）
@Html.DisplayFor（model=>model.MailingAddress，new{htmlAttributes=new{@class=“form control”，占位符=@Html.DisplayNameFor（m=>m.MailingAddress）}）

为了正确对齐，您必须将任何

表格组

用

水平表格

包围起来。例如：

<form class="form-horizontal">
  <div class="form-group">
    <label class="col-sm-2 control-label">Email</label>
    <div class="col-sm-10">
      <p class="form-control-static">email@example.com</p>
    </div>
  </div>
</form>

电子邮件
email@example.com

这是一个例子

编辑：

您还需要确保内容包装在带有

表单控件static

类的标记中。

@Html.DisplayFor

的默认行为将只输出文本，使您尝试应用的Html属性无效。

为了正确对齐，您必须使用

水平表单将任何
表单组
包围起来。例如：

<form class="form-horizontal">
  <div class="form-group">
    <label class="col-sm-2 control-label">Email</label>
    <div class="col-sm-10">
      <p class="form-control-static">email@example.com</p>
    </div>
  </div>
</form>


电子邮件
email@example.com

这是一个例子

编辑：

您还需要确保内容包装在带有
表单控件static
类的标记中。
@Html.DisplayFor
的默认行为将只输出文本，使您尝试应用的Html属性无效。
您可以包含代码吗？如果您覆盖CSS中的任何样式，请也包含该样式。我没有覆盖任何CSS样式。这是我的代码：你想显示文本还是应该编辑？您正在使用表单控件对其进行样式设置，表单控件通常用于输入表单。您可以将代码放在表单上吗？是否可以包含代码？如果您覆盖CSS中的任何样式，请也包含该样式。我没有覆盖任何CSS样式。这是我的代码：你想显示文本还是应该编辑？您正在使用表单控件对其进行样式设置，表单控件通常用于输入表单。您可以将代码放在表单上吗？还应注意，DisplayFor仅按字面意思呈现文本，而不是元素。因此，您不能以这种方式向其添加类。@DanOrlovsky DisplayFor的输出取决于是否定义了DisplayTemplate。但是你是正确的，如果他们没有显示模板，那么它将无法正确对齐。我将更新答案。还应该注意的是，DisplayFor实际上只呈现文本，而不是元素。因此，您不能以这种方式向其添加类。@DanOrlovsky DisplayFor的输出取决于是否定义了DisplayTemplate。但是你是正确的，如果他们没有显示模板，那么它将无法正确对齐。我会更新答案。