Twitter bootstrap 有没有一种简单的方法可以使用twitter引导响应,但在特定情况下避免堆叠?
我正在尝试一种特殊形式的响应式设计。我正在使用twitter引导和响应css,但在避免“自动堆叠”功能方面遇到了困难 在桌面上查看时,我尝试实现以下显示: 同样地,在移动设备中,我基本上想要相同的布局,但是按钮被挤压,而不是堆叠。我的html(屏幕变小时堆叠)如下所示:Twitter bootstrap 有没有一种简单的方法可以使用twitter引导响应,但在特定情况下避免堆叠?,twitter-bootstrap,responsive-design,Twitter Bootstrap,Responsive Design,我正在尝试一种特殊形式的响应式设计。我正在使用twitter引导和响应css,但在避免“自动堆叠”功能方面遇到了困难 在桌面上查看时,我尝试实现以下显示: 同样地,在移动设备中,我基本上想要相同的布局,但是按钮被挤压,而不是堆叠。我的html(屏幕变小时堆叠)如下所示: <div class = "row"> <div class = "span12"> <select class = "span2"> <
<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。