输入不同大小的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