1

我有这个问题 - 我需要制作 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>

你可以在这里看到所有代码

4

1 回答 1

0

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

<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>

演示

于 2013-08-13T13:27:43.240 回答