css - 不同大小 Bootstrap 的输入

Question

我有这个问题 - 我需要制作 3 个 INPUT，1 个宽(横跨屏幕的宽度)和 2 个以下的小(恰好是第一个 INPUT 元素宽度的一半)，但事实证明它们的大小不一样。如何精确匹配宽度尺寸？

<form class="navbar-form">
<label>Where are you going?</label>
<input type="text" class="span8" data-provide="typeahead" data-items="5" placeholder="City, attraction, address, or airport">
<label>When?</label>
<input type="text" class="datepicker span4" id="dpd1" placeholder="Choose Arrive Date">
<input type="text" class="datepicker span4" id="dpd2" placeholder="Choose Depart Date">
</form>

可以看到全部代码here

Answer 1

也许你可以尝试这样的事情来避免输入的额外空间:

<div class="wrapper">
    <div class="row-fluid">
        <input class="span12"/>
    </div>
    <div class="row-fluid">
        <div class='span6'>
            <input class="span12"/>
        </div>
        <div class='span6'>
            <input class="span12"/>
        </div>
    </div>
</div>

Demo