Question

在bootstrap 3中我希望通过对输入进行分组来完成一行输入但是空间没有发生可以任何一个帮助http://jsfiddle.net/qkPEm/1/

<div class="row">
    <div class="col-lg-3">
        <div class="input-group">
            <input id="dd" class="location" name="city" type="text" placeholder="Source" size="90" />
        </div>
    </div>
    <div class="col-lg-3">
        <div class="input-group">
            <input id="geocomplete" class="location" name="city" type="text" placeholder="Destination" size="90" />
        </div>
    </div>
    <div class="col-lg-2">
        <div class="input-group">
            <input class="input-append form-date" readonly="true" type="text" id="dpd1" placeholder="From" value="" name="arrival" data-date-format="dd/mm/yyyy">
        </div>
    </div>
    <div class="col-lg-2">
        <div class="input-group">
            <input class="input-append form-date" readonly="true" type="text" id="dpd2" placeholder="To" value="" name="departure" data-date-format="dd/mm/yyyy">
        </div>
    </div>
    <div class="col-lg-2">
        <div class="input-group">
            <input class="guests" class="date" readonly="true" type="text" id="tags2" placeholder="Ttl.Expenses" value="" name="guests" />
        </div>
    </div>
</div>

Answer 1

导致问题的输入大小。

这是我解决空白区域的方法。

http://www.bootply.com/PRnJqqD8S3

您的输入尺寸超过了col-lg-2的宽度，这就是您获得额外间距的原因。

Bootstrap 3需要white space输入组

1 个答案: