Twitter bootstrap 如何在不破坏桌面版本的情况下在引导响应网站中混合列？

我正在用Bootstrap建立一个网站，我面临一个响应问题

基本上，我希望网格1变成移动网格2

但是如果我开发mobile2，我会得到grid2，这是不好的。如果我开发Grid1，我会得到mobile1，这也很糟糕，因为我想在不破坏我的专栏的情况下将边栏元素混合到我的移动版本中

---

有没有可能在不使用javascript的情况下解决这个问题？

没有JS是不可能的。看看库。

HTML:

---

您可以使用CSS媒体查询在更宽的屏幕宽度（即大于768像素）上将更高的列向右拉

---

演示：

砌石看起来不错，但是我需要使用Bootstrap，你可以将两者结合起来。@JoãoPauloApolinárioPassos:你确定吗？请看一看你找到解决办法了吗？

<div class="col-sm-3">1</div>
<div class="col-sm-3">2</div>
<div class="col-sm-6">5</div>
<div class="col-sm-6">3</div>
<div class="col-sm-6">6</div>
<div class="col-sm-6">4</div>

div{
    border:1px solid;
    height:100px;
}

@media (min-width: 768px) {
  .tall {
      float:right;
  }
}