流体行div堆叠顺序 - 尽可能列化

时间:2013-08-14 01:48:45

标签: twitter-bootstrap responsive-design

我的页脚有以下堆叠顺序

span2 |     span 8    | span2

如果我将屏幕尺寸减半,则堆叠顺序如下:

|     span 8    |
|     span 2    |
|     span 2    |

但我希望他们像这样堆叠,我知道'span2'有足够的空间:

|     span 8    |
| span2 | span2 | 

我怎样才能做到这一点?我尝试将col-sm-6添加到每个span2,但没有运气(Boostrap 3.0.0-wip2.2.1 no-icon

1 个答案:

答案 0 :(得分:0)

几天后我一直在玩Bootstrap 3。我想你需要这样做:

<div class="col-6 col-lg-2"> 2 </div>
<div class="col-12 col-lg-8 "> 8 </div>
<div class="col-6 col-lg-2 "> 2 </div>

这有用吗?