JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<script src="https://code.angularjs.org/1.4.9/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.2.5/ui-bootstrap-tpls.js"></script>
    <div ng-app="skAngApp" ng-controller="ModalDemoCtrl">
        <script type="text/ng-template" id="myModalContent.html">
        	<div class="modal-header">
          	<h3 class="modal-title">I'm a modal!</h3>
        	</div>
        	<div class="modal-body">
          	Hello World
        	</div>
        	<div class="modal-footer">
          	<button class="btn btn-primary" type="button" ng-click="ok()">OK</button>
          	<button class="btn btn-warning" type="button" ng-click="cancel()">Cancel</button>
        	</div>
      	</script>

        <button type="button" class="btn btn-default" ng-click="open()">Open me!</button>
      </div>

JavaScript

var skAngApp = angular.module('skAngApp', ['ui.bootstrap'])
skAngApp.controller('ModalDemoCtrl', function ($scope, $uibModal, $log) {

  $scope.open = function (size) {

    var modalInstance = $uibModal.open({
      templateUrl: 'myModalContent.html'
    });

    modalInstance.result.then(function (selectedItem) {
      $log.info('Modal okayed at: ' + new Date());
    }, function () {
      $log.info('Modal dismissed at: ' + new Date());
    });
  };


});