在Twitter Bootstrap 3中立即在列上方开始列

时间:2014-06-30 13:34:09

标签: twitter-bootstrap

是否可以使用Bootstrap在较小和较大的设备上使用此布局:

-----
|A| |
|-|B|
|C| |
-----

和xs设备上的这种布局:

---
|A|
|-|
|B|
|-|
|C|
---

在第一个例子中,C必须紧接在A之下,而不是从新行中B的底部开始。

1 个答案:

答案 0 :(得分:1)

<div class="container">
<div class="row">
  <div class="col-sm-6">A</div>
  <div class="col-sm-offset-6 col-sm-6">B</div>
  <div class="col-sm-6">C</div>
  </div>
</div>

See Bootply Example - 我在那里使用了MD,但效果是一样的。只需将SM用于小型和大型设备即可。它会做你想要的。