JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//getbootstrap.com/dist/css/bootstrap.css">
<div ng-app="currentApp">
    <div ng-controller="ACtrl">
        <ul ng-repeat="(key, prop) in templates">
            <li>{{key}}</li>
            <ul ng-repeat="val in prop">
                <ul ng-repeat="(o, values) in val">
                <li>{{o}}</li>
                     <ul ng-repeat="i in values">
                          <li>{{i}}</li>
                      </ul
                 </ul>
            </ul>
        </ul>
    </div>
</div>

JavaScript

var currentApp = angular.module('currentApp', []);
currentApp.controller('ACtrl', function($scope){

    $scope.templates = {
		'touts' : [
			{
				'classes' : ['col-12', 'col-md-12', 'col-lg-12' ]
                
			}
		]
  };
});