JSFiddle - React, Tailwind, and code Playground

by Simone D'Avico

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<div ng-app="app" ng-controller="demo">
    <div class="container">
        <div ng-repeat="item in items" ng-if="$index%3==0" class="row">
            <span ng-if="$index<items.length" style="float: left">{{items[$index]}}</span>
            <span ng-if="($index+1)<items.length" style="float: left">{{items[$index+1]}}</span>
            <span ng-if="($index+2)<items.length" style="float: left">{{items[$index+2]}}</span>
        </div>
    </div>
</div>

JavaScript

angular.module('app', [])

.controller('demo', function($scope){
    $scope.items = [0,1,2,3,4,5,6];
})