html - MVC bootstrap 未正确对齐

我希望这看起来像以下内容，但显然对Bootstrap没有真正的了解。

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>

最佳答案

在这里使用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>

关于html - MVC bootstrap 未正确对齐，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35466785/