Bootstrap Push-Pull Reorder
You will be able to see the effect on a large device only. As you squeeze the browser once it approaches the width of a medium device (768px) the boxes will reorder.Column 2 (desktop) -
Column 1 (mobile)
Integer varius turpis vel libero venenatis accumsan. Nunc elementum rhoncus nisi, a auctor urna porttitor eget. Quisque sed quam sollicitudin, tempus nulla ac, suscipit turpis. Nunc laoreet blandit semper. Donec sem libero, mollis a aliquam et, blandit et turpis. Nam ex se m, porta nec feugiat sit amet, sagittis in augue. Aliquam euismod sapien leo, non varius nu nc luctus at. Praesent sollicitudin posuere pretium. Nullam nunc metus, convallis a pharetr a sit amet, imperdiet vel sapien. Duis quis nibh pharetra, dignissim arcu non, aliquam tell us.
Column1 (desktop)
Column 2 (mobile)
Integer varius turpis vel libero venenatis accumsan. Nunc elementum rhoncus nisi, a auctor urna porttitor eget. Quisque sed quam sollicitudin, tempus nulla ac, suscipit turpis. Nunc laoreet blandit semper. Donec sem libero, mollis a aliquam et, blandit et turpis. Nam ex se m, porta nec feugiat sit amet, sagittis in augue. Aliquam euismod sapien leo, non varius nu nc luctus at. Praesent sollicitudin posuere pretium. Nullam nunc metus, convallis a pharetr a sit amet, imperdiet vel sapien. Duis quis nibh pharetra, dignissim arcu non, aliquam tell us.
Column 4 (desktop) -
Column 3 (mobile)
Integer varius turpis vel libero venenatis accumsan. Nunc elementum rhoncus nisi, a auctor urna porttitor eget. Quisque sed quam sollicitudin, tempus nulla ac, suscipit turpis. Nunc laoreet blandit semper. Donec sem libero, mollis a aliquam et, blandit et turpis. Nam ex se m, porta nec feugiat sit amet, sagittis in augue. Aliquam euismod sapien leo, non varius nu nc luctus at. Praesent sollicitudin posuere pretium. Nullam nunc metus, convallis a pharetr a sit amet, imperdiet vel sapien. Duis quis nibh pharetra, dignissim arcu non, aliquam tell us.
Column3 (desktop)
Column 4 (mobile)
Integer varius turpis vel libero venenatis accumsan. Nunc elementum rhoncus nisi, a auctor urna porttitor eget. Quisque sed quam sollicitudin, tempus nulla ac, suscipit turpis. Nunc laoreet blandit semper. Donec sem libero, mollis a aliquam et, blandit et turpis. Nam ex se m, porta nec feugiat sit amet, sagittis in augue. Aliquam euismod sapien leo, non varius nu nc luctus at. Praesent sollicitudin posuere pretium. Nullam nunc metus, convallis a pharetr a sit amet, imperdiet vel sapien. Duis quis nibh pharetra, dignissim arcu non, aliquam tell us.
