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>
              <li>
                  <ul ng-repeat="class in templates[key]">
                      <li>{{class}}</li>
                  </ul>
            </li>
        </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' ]
                
			}
		]
  };
});