Twitter bootstrap 有没有一种简单的方法可以使用twitter引导响应，但在特定情况下避免堆叠？

我正在尝试一种特殊形式的响应式设计。我正在使用twitter引导和响应css，但在避免“自动堆叠”功能方面遇到了困难

在桌面上查看时，我尝试实现以下显示：

同样地，在移动设备中，我基本上想要相同的布局，但是按钮被挤压，而不是堆叠。我的html（屏幕变小时堆叠）如下所示：

<div class = "row">
    <div class = "span12">
        <select class = "span2">
            <option> </option>
        </select>
        <input type="text" class = "input input-large span10" >
    </div>
</div>

<div class = "row">
    <div class = "span4">
        <button class = "btn btn-block btn-large btn-dial">1</button>
    </div>
    <div class = "span4">
        <button class = "btn btn-block btn-large btn-dial">2</button>
    </div>
    <div class = "span4">
        <button class = "btn btn-block btn-large btn-dial">3</button>
    </div>
</div>
<br>
<div class = "row">
    <div class = "span3">
        <button class = "btn btn-block btn-large btn-dial">A</button>
    </div>
    <div class = "span3">
        <button class = "btn btn-block btn-large btn-dial">B</button>
    </div>
    <div class = "span3">
        <button class = "btn btn-block btn-large btn-dial">C</button>
    </div>
    <div class = "span3">
        <button class = "btn btn-block btn-large btn-dial">D</button>
    </div>
</div>

1.
2.
3.


A.
B
C
D

---

有没有一种方法可以在不破坏css的情况下实现这一点？

最好的方法是添加一个类，如“无堆栈”和相应的样式，以覆盖默认css。因此，似乎有什么线索表明需要覆盖哪些css来停止堆叠并开始收缩？如果我只是删除响应css文件，它只会使屏幕具有固定的宽度-它不会开始收缩我想要的效果。使用web检查器查找导致不希望的效果的样式。然后，使用“无堆栈”类反转这些样式。例如，Float:none变为Float:left。