Css 在Twitter引导中，如何将卡住的输入框和提交按钮彼此分开？

以一种有趣的方式，“提交”按钮粘在输入框上。我不明白原因。我可以通过给-（负）裕度等来解决它。然而，我正在寻找永久的解决方案。 我已经附上了chrome调试工具的屏幕截图

我想将按钮与选择框下方的左侧对齐

如果你很难看到图像

下车日期
上午7:00
上午7:30
上午8:00
上午8:30
上午9:00
上午9:30
上午10:00
上午10:30
上午11:00
上午11:30
下午12:00
下午12:30
下午1:00
下午1时30分
下午二时
下午二时三十分
下午3:00
下午三时三十分
下午四时
下午四时三十分
下午五时
下午五时三十分
下午六时
下午6:30

据我所知，要将输入框与提交按钮引导分离，需要使用“form action”类，该类为with按钮添加填充和边距。所以我认为你的决定在某种程度上是正确的。尝试将提交按钮放入。但是我可能错了。

您可以使用引导中的

.control group

类将输入按钮中的输入字段分成两行。该类在div底部添加了一些边距，可以从输入字段中取消单击按钮：

演示：

HTML

<form class="form-horizontal">
    <div class="control-group">
        <input class="reservationdates"  type="text" name="date_from"/>
        <label>Drop-off date</label>
        <select name="to_time" class="reservationdates">
            <option value="07:00 am">07:00 AM</option>
            <option value="07:30 am">07:30 AM</option>
            <option value="08:00 am">08:00 AM</option>
            <option value="08:30 am">08:30 AM</option>
            <option value="09:00 am">09:00  AM</option>
            <option value="09:30 am">09:30 AM</option>
            <option value="10:00 am">10:00 AM</option>
            <option value="10:30 am">10:30 AM</option>
            <option value="11:00 am">11:000 AM</option>
            <option value="11:30 am">11:30 AM</option>
            <option value="12:00 pm">12:00 PM</option>
            <option value="12:30 pm">12:30 PM</option>
            <option value="01:00 pm">01:00 PM</option>
            <option value="01:30 pm">01:30 PM</option>
            <option value="02:00 pm">02:00 PM</option>
            <option value="02:30 pm">02:30 PM</option>
            <option value="03:00 pm">03:00 PM</option>
            <option value="03:30 pm">03:30 PM</option>
            <option value="04:00 pm">04:00 PM</option>
            <option value="04:30 pm">04:30 PM</option>
            <option value="05:00 pm">05:00 PM</option>
            <option value="05:30 pm">05:30 PM</option>
            <option value="06:00 pm">06:00 PM</option>
            <option value="06:30 pm">06:30 PM</option>
        </select>
        <div class="input-append date" id="dp3" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
            <input class="span2"  name="date_to" size="16" type="text" value="12-02-2012" readonly /><span class="add-on"><i class="icon-th"></i></span>
        </div>
    </div>
    <input class="span3 btn btn-large btn-primary" type="submit" name="submit" value="Search For Rates"/>
</form>

下车日期
上午7:00
上午7:30
上午8:00
上午8:30
上午9:00
上午9:30
上午10:00
上午10:30
上午11:00
上午11:30
下午12:00
下午12:30
下午1:00
下午1时30分
下午二时
下午二时三十分
下午3:00
下午三时三十分
下午四时
下午四时三十分
下午五时
下午五时三十分
下午六时
下午6:30

发布您的标记以查看。

<form class="form-horizontal">
    <div class="control-group">
        <input class="reservationdates"  type="text" name="date_from"/>
        <label>Drop-off date</label>
        <select name="to_time" class="reservationdates">
            <option value="07:00 am">07:00 AM</option>
            <option value="07:30 am">07:30 AM</option>
            <option value="08:00 am">08:00 AM</option>
            <option value="08:30 am">08:30 AM</option>
            <option value="09:00 am">09:00  AM</option>
            <option value="09:30 am">09:30 AM</option>
            <option value="10:00 am">10:00 AM</option>
            <option value="10:30 am">10:30 AM</option>
            <option value="11:00 am">11:000 AM</option>
            <option value="11:30 am">11:30 AM</option>
            <option value="12:00 pm">12:00 PM</option>
            <option value="12:30 pm">12:30 PM</option>
            <option value="01:00 pm">01:00 PM</option>
            <option value="01:30 pm">01:30 PM</option>
            <option value="02:00 pm">02:00 PM</option>
            <option value="02:30 pm">02:30 PM</option>
            <option value="03:00 pm">03:00 PM</option>
            <option value="03:30 pm">03:30 PM</option>
            <option value="04:00 pm">04:00 PM</option>
            <option value="04:30 pm">04:30 PM</option>
            <option value="05:00 pm">05:00 PM</option>
            <option value="05:30 pm">05:30 PM</option>
            <option value="06:00 pm">06:00 PM</option>
            <option value="06:30 pm">06:30 PM</option>
        </select>
        <div class="input-append date" id="dp3" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
            <input class="span2"  name="date_to" size="16" type="text" value="12-02-2012" readonly /><span class="add-on"><i class="icon-th"></i></span>
        </div>
    </div>
    <input class="span3 btn btn-large btn-primary" type="submit" name="submit" value="Search For Rates"/>
</form>