我正在尝试创建一个布局,当页面大于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>