Twitter bootstrap 具有左/右按钮的响应式引导输入 全球定位系统

理想情况下，我希望较小设备上的搜索按钮（查找我的立法者）切换到一条新的线路，而不是导致视图中断，因为它仍然在同一线路上。当它真的断开时，我希望输入字段（地址）四舍五入，而不是在右边是平的，搜索按钮在两边都是四舍五入的。我相信这与引导中的组有关，但我无法找到正确的方法。

全球定位系统
搜寻

您可以在代码中使用visible和hidden类来实现这一点。 你所要做的就是把你的按钮默认设置为隐藏在xs中（隐藏xs），把你的“新按钮”设置为可见xs

---

此外，您还可以使用类btn块对按钮进行全宽操作。

这是一个很好的开始，谢谢您。然而，地址输入框在右侧仍然是“平面”的，因为它认为旁边有另一个按钮，即使它不可见。有什么办法使它圆满结束吗？

<form id="form-search" name="form-search" class="form-inline" action="/">
    <div class="input-group">
        <span class="input-group-btn">
            <button id="gps" type="button" class="btn gps">GPS</button>
        </span>
        <input id="address" name="address" type="text" class="form-control address text-center" placeholder="Enter Address" />
        <span class="input-group-btn">
            <input id="submit" name="submit" type="submit" class="btn submit" value="Search" />
        </div>
    </div>
</form>

<form id="form-search" name="form-search" class="form-inline" action="/">
    <div class="input-group">
        <span class="input-group-btn">
            <button id="gps" type="button" class="btn gps">GPS</button>
        </span>
        <input id="address" name="address" type="text" class="form-control address text-center" placeholder="Enter Address" />
        <span class="input-group-btn">
            <input id="submit" name="submit" type="submit" class="btn submit visible-sm visible-md visible-lg" value="Search" />
        </div>
        <div class="btn btn-danger btn-block hidden-sm hidden-md hidden-lg">Search</div>
    </div>
</form>