Question

我有一个网站，其内容放在5个网格列上。在＆＃34; xs＆＃34;这是微不足道的：

|   1   |
|   2   |
|   3   |
|   4   |
|   5   |

http://i.imgur.com/WrqWoGo.png

问题：如何在＆＃34; sm＆＃34;？

上看起来像这样

|   1   ||              ||   2   |
|   4   ||       3      ||   5   |

http://i.imgur.com/RjTqYxs.png

Answer 1

您可以使用col-sm-offset- *类来安排这样的布局

<div class="row">
  <div class="col-sm-2">1</div>
  <div class="col-sm-2 col-sm-offset-8">2</div>
</div>
<div class="row">
  <div class="col-sm-2">4</div>
  <div class="col-sm-8">3</div>
  <div class="col-sm-2">5</div>
</div>

以下是http://plnkr.co/edit/RITUeIfyMzngqGhT5211?p=preview

的示例

复杂的Bootstrap堆叠列

1 个答案: