使用bootstrap重新排序div

时间:2016-10-14 15:39:45

标签: javascript jquery html css twitter-bootstrap

我想找出一种通过重新排序div来处理响应的方法。我正在努力寻找最灵活的解决方案,但一切都很好。

查看桌面 enter image description here

查看移动设备:

enter image description here

2 个答案:

答案 0 :(得分:2)

Bootstrap有一个很好的开箱即用系统。您可以以不同的屏幕尺寸推/拉列。不需要任何javascript,只需要一些新类。查看他们的文档:

http://getbootstrap.com/css/#grid-column-ordering

一个很好的教程:

https://scotch.io/tutorials/reorder-css-columns-using-bootstrap

答案 1 :(得分:0)

当您在较大的视图中时,使用push pull类对它们进行重新排序。 Bootstrap在这里有关于此的整个部分:http://getbootstrap.com/css/#grid-column-ordering