为什么我的引导输入没有填满空间?

时间:2015-11-05 20:30:07

标签: twitter-bootstrap-3

我有以下HTML:

<div class="schedule landingDetail container">
    <div class="form-group">
        <div class="col-md-6" style="background: red;">
            <input type="text" class="form-control input-sm" placeholder="First Name">
        </div>
        <div class="col-md-6" style="background: green;">
            <input type="text" class="form-control input-sm col-md-12" placeholder="Last Name">
        </div>
    </div>
</div>

我的col-md-6似乎工作正常,但我的输入并没有填满可用空间。它看起来像这样:

enter image description here

我做错了什么?

1 个答案:

答案 0 :(得分:2)

默认情况下,Twitter Bootstrap会向列网格类添加填充,您需要将填充设置为0以覆盖整个宽度。

&#13;
&#13;
Invalid column name 'deprecated_column'.
&#13;
.schedule .form-group .col-md-6 {
  padding: 0;
}
&#13;
&#13;
&#13;