Multi-column
+This layout uses multiple column rules so that how many columns each
+ group takes depends on the width of the browser,
+ by also using the
+ justify-content-center
class on the row, using less than 12 columns results in a centered set of
+ columns. The rules used are
+ col-10
+ col-md-6
+ col-lg-4
+ col-xl-3
.
+
![sample image](https://craftypixels.com/placeholder-image/16:9x400/6/abc.png&text=one)
Text Heading
+![sample image](https://craftypixels.com/placeholder-image/16:9x400/6/def.png&text=two)
Text Heading
+![sample image](https://craftypixels.com/placeholder-image/16:9x400/6/cba.png&text=three)
Text Heading
+![sample image](https://craftypixels.com/placeholder-image/16:9x400/6/547.png&text=four)
Text Heading
+![sample image](https://craftypixels.com/placeholder-image/16:9x400/6/784.png&text=five)
Text Heading
+![sample image](https://craftypixels.com/placeholder-image/16:9x400/6/587.png&text=six)
Text Heading
+![sample image](https://craftypixels.com/placeholder-image/16:9x400/6/dea.png&text=seven)
Text Heading
+![sample image](https://craftypixels.com/placeholder-image/16:9x400/6/789.png&text=eight)
Text Heading
+![sample image](https://craftypixels.com/placeholder-image/16:9x400/6/810.png&text=nine)
Text Heading
+![sample image](https://craftypixels.com/placeholder-image/16:9x400/6/bfc.png&text=ten)
Text Heading
+![sample image](https://craftypixels.com/placeholder-image/16:9x400/6/fac.png&text=eleven)
Text Heading
+![sample image](https://craftypixels.com/placeholder-image/16:9x400/6/420.png&text=twelve)