Bootstrap 3 Grid

On this page, I have added the minified bootstrap css file from the Bootstrap CDN (which is also why some of the site-styles are being overridden).
The Bootstrap 3 grid system uses padding for gutters instead of margins. This page demonstrates one way to use Shuffle with these types of grids, as well as showing you don't have to use the full width of the page with Shuffle.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

Source code for this demo

Link to demo source

Shuffle.js

Shuffle.js is a package for sorting, filtering, and laying out a group of items. It’s performant, responsive, and fast. Check out the demos!