JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/2.5.0/ui-bootstrap-tpls.min.js"></script>
<div ng-controller="Controller">

  <button type="button" class="btn btn-primary" ng-click="openModal('modal.tmpl.html')">Open Me</button>

</div>
<script type="text/ng-template" id="modal.tmpl.html">
  <div class="modal-header">
    <h3>Modal</h3>
  </div>

  <div class="modal-body">
    <div>I'm a modal.</div>
    <div class="hidden-div">
      Test <br/> Test <br/> Test <br/> Test <br/> Test <br/> Test <br/> Test <br/> Test <br/> Test <br/> Test <br/> Test <br/> Test <br/> Test <br/> Test <br/> Test <br/> Test <br/> Test <br/> Test <br/> Test <br/> Test <br/> Test <br/> Test <br/> Test
      <br/> Test <br/> Test <br/> Test <br/>
    </div>
  </div>

  <div class="modal-footer">
    Modal footer here
  </div>
</script>

CSS

.hidden-div {
  visibility: hidden;
}

JavaScript

var app = angular.module("demoApp", ['ui.bootstrap']);

app.controller("Controller", ["$scope", "$uibModal", function($scope, $uibModal) {
  $scope.openModal = function(modalName) {
    $scope.modalInstance = $uibModal.open({
      templateUrl: modalName,
      scope: $scope,
      size: "sm"
    });
  };
}]);