MVC Bootstrap 未正确对齐答案

【问题标题】：MVC Bootstrap not aligning properlyMVC Bootstrap 未正确对齐
【发布时间】：2016-02-17 20:12:30
【问题描述】：

我希望它看起来像下面这样，但显然对引导程序没有真正的理解。

address: 123 haha drive
city: atlanta state: georgia zip: 281330

这是我的代码：

<div class="col-md-12">
    <div class="col-md-12 ">
        <label>Address</label>
        <span>@Model.Address</span>
    </div>
    <div class="col-md-12">
        <div class="col-sm-4">
            <label>City</label>
            <span>@Model.City</span>
        </div>
        <div class="col-sm-4">
            <label>State</label>
            <span>@Model.State</span>
        </div>
        <div class="col-sm-4">
            <label>Zip</label>
            <span>@Model.Zip</span>
        </div>
    </div>
</div>

【问题讨论】：

标签： html css twitter-bootstrap model-view-controller

【解决方案1】：

这里使用label 是不合适的。使用span。

然后

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<div class="col-md-12">
  <div class="col-md-12 ">
    <span>Address:</span>
    <span>@Model.Address</span>
  </div>
  <div class="col-md-12">
    <span>City:</span>
    <span>@Model.City</span>

    <span>State:</span>
    <span>@Model.State</span>

    <span>Zip:</span>
    <span>@Model.Zip</span>
  </div>
</div>

【讨论】：