触发断点时移动div的位置

时间:2016-03-21 15:11:57

标签: html css

我正在尝试创建一个布局,当页面大于900px时,两个div并排,但是当断点被触发时,div会显示在彼此的顶部。

Original layout:
 --------   -------
| div 1  | | div 2 |
 --------   -------

<900px:
 -------
| div 2  |
 -------- 
 -------
| div 1  |
 -------- 

重新创建这非常棘手,因为div2必须最终位于div1之上。

当前解决方案(通过消息发送给我)。我对特定的900px断点并不太感到困扰,所以我只使用了bootstrap md。

<div class='row'>
   <div class='col-md-4 col-md-push-8'>
      div 2
   </div>
   <div class='col-md-8 col-md-pull-4'>
      div 1
   </div>
</div>

0 个答案:

没有答案