Bootstrap 3排没有排队

Question

我在使用Bootstrap 3时出现了一些问题。我的标签和文字没有排成一行。这是我的标记和视觉发生的图片。

http://www.bootply.com/a1pIGBa50d

<div class="form-group">
    <div class="row">
        <div class="col-sm-3 text-right">
            <label for="Status">
                Status: 
            </label>
        </div>
        <div class="col-sm-6">
            <p name="Status" class="form-control-static">
                Approved
            </p>
        </div>
    </div>
</div>
<div class="form-group" ......

Answer 1

从.form-control-static代码中删除<p>。

我可能会建议您考虑使用此类格式的说明列表。有关工作示例，请参阅http://www.bootply.com/qKHHFjjCVT，以及以下代码：

<dl class="dl-horizontal">
  <dt>Status:</dt>
  <dd>Approved</dd>
  <dt>Date:</dt>
  <dd>2014-06-30 00:30:00.0</dd>
  <dt>Originator:</dt>
  <dd>ADMIN</dd>
  <dt>Phone:</dt>
  <dd>None</dd>
</dl>

Answer 2

只需应用此项，因为段落标记正在应用填充

.form-control-static { padding: 0;}

或者你可以删除

.form-control-static