Tweak people grid

Author: Kurt Gawinowicz

html-templates/people/people.tpl

@@ -41,13 +41,13 @@
         </div>
 
         <div class="col-sm-8 col-md-9">
+            <div class="row row-wrap">
             {foreach item=Person from=$data}
-                {if $.foreach.default.index % 6 == 0}<div class="row">{/if}
-                    <div class="col-sm-4 col-md-2">
-                        {personLink $Person photo=yes photoSize=150 linkCls="thumbnail text-center"}
-                    </div>
-                {if $.foreach.default.index % 6 == 5 || $.foreach.default.last}</div>{/if}
+                <div class="col-sm-4 col-md-2">
+                    {personLink $Person photo=yes photoSize=150 linkCls="thumbnail text-center"}
+                </div>
             {/foreach}
+            </div>
 
             <footer class="page-footer">
                 {pagingLinks $total pageSize=$limit}

site-root/css/laddr/bootstrap-tweaks.css

@@ -27,6 +27,22 @@ legend {
     border: 0;
 }
 
+/* - Grids */
+
+.row-wrap {
+    display: -webkit-flex;
+    display:         flex;
+    -webkit-flex-wrap: wrap;
+            flex-wrap: wrap;
+}
+
+    .row-wrap [class*="col"] {
+        -webkit-flex: 0 0 auto;
+                flex: 0 0 auto;
+        float: none;
+    }
+
+
 /* 
  * + Components
  */