JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<div ng-app="myApp" ng-controller="myCtrl" class="container">
  <div ng-repeat="alphabet in alphabets" ng-if="$index % 6 == 0" class="row">
    <div class="col-xs-2"></div>
    <div class="col-xs-2">{{alphabets[$index]}}</div>
    <div class="col-xs-2">{{alphabets[$index + 1]}}</div>
    <div class="col-xs-2">{{alphabets[$index + 2]}}</div>
    <div class="col-xs-2">{{alphabets[$index + 3]}}</div>
    <div class="col-xs-2">{{alphabets[$index + 4]}}</div>
    <div class="col-xs-2">{{alphabets[$index + 5]}}</div>
  </div>
</div>

JavaScript

angular.module('myApp', [])
  .controller('myCtrl', function($scope) {
    $scope.alphabets = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l'];
  });