JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<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="row" ng-repeat="name in names">
  <div class="col-xs-6" ng-show="(($index + 1)%2) == 0" ng-hide="(($index + 1)%2) == 1">
      {{name}}
    </div>
  <div class="col-xs-6">
      {{name}}
    </div>
</div>    
    </div>
</div>