在引导程序布局中重新排序块

Question

我真的在我的网站上遇到布局问题。

我的网页屏幕视图按照我想要的方式布置，但需要为移动视图对块的顺序进行一些改变。我试过使用对齐类，'推'或'拉'类，但不能我需要。

这里是膝上型视图我需要：

块1和在左侧， 块3，块4，块5，块6和块7右侧的列块2。

这我可以没有问题。

但随后用于移动视图，我需要它在从顶部此为了底部（见下文图像）：

块3 块1 块5 第4座 块2 块5 块6

任何人都可以请帮忙吗？

Answer 1

你可以做的是使用jQuery来实现这一点。

您可以享有2 <div>标签。 一个侧边栏（<div id="sidebar">） 一个用于主要内容（<div id="main">） 和一个用于块（<div id="blocks"）（每块也有块1了自己的ID如B1）

然后你就可以安排块适当地根据不同的设备上使用这个：

$(document).ready(function(){ 
    $("#b1").appendTo("#sidebar"); 
}); 

当涉及到使用白手起家断点，你可以按照本教程中检测设备：How to detect responsive breakpoints of Twitter Bootstrap 3 using JavaScript?