使用bootstrap 3保持div不垂直堆叠

时间:2014-03-07 21:06:01

标签: css twitter-bootstrap twitter-bootstrap-3

首先客户端要求无法编辑核心引导程序文件,因此所有自定义css都必须放在单独的文件中。

我给出的设计有一堆盒子,当它们在桌面视图中排列在一行中的网格3中时。这样可以正常工作,但移动视图有两个相同的方框,但是它们保持堆叠。我在容器内部尝试了col-sm-6,它在992px和762px之间工作,但在此之下,盒子堆叠。有什么建议吗?

1 个答案:

答案 0 :(得分:3)

使用非堆叠col-xs-*类..

<div class="container">
  <div class="row">
    <div class="col-xs-6"></div>
    <div class="col-xs-6"></div>
  </div>
</div>

演示:http://bootply.com/119940