added class binding

src/components/VueShuffleGrid.vue

 <template>
     <div class="row">
         <div class="shuffle-grid" v-if="productData">
-            <div class="col-xs-6 col-sm-6 col-md-4 shuffle-item"
-                 v-shuffle-item-attributes="{ attributes: getItemFilterAttributes(item) }"
+            <div v-shuffle-item-attributes="{ attributes: getItemFilterAttributes(item) }"
                  v-for="item in productData" :key="item.id"
+                 :class="[itemBaseClass, itemLayoutClass]"
                  :data-title="item.heading"
                  :data-rank="item.rank"
                  :data-id="item.id">
@@ -42,7 +42,14 @@
     mounted () {
       this.initView()
     },
-    computed: {},
+    computed: {
+      itemBaseClass () {
+        return 'shuffle-item'
+      },
+      itemLayoutClass () {
+        return (this.settings.itemLayoutClass) ? this.settings.itemLayoutClass : 'col-xs-6 col-sm-6 col-md-4'
+      }
+    },
     methods: {
       /**
        * Init view, add the show item in viewport transition
@@ -212,4 +219,4 @@
         animation-fill-mode: forwards;
         animation-duration: 0.4s;
     }
-</style>
\ No newline at end of file
+</style>