JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<div ng-app> 
<div ng-init="names=['John', 'Mary', 'Cate', 'Suz']" />
<div class="col-xs-6" ng-repeat="name in names">
    <span ng-class-even="'even'" ng-class-odd="'odd'">
        {{name}}
    </span>
</div>
</div>

CSS

.odd {
    color: red;
    }
    .even {
    color: blue;
    }