JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
		  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

<div class="modal fade" id="myModal" role="dialog" tabindex="-1" aria-labelledby="basicModal" aria-hidden="False">

JavaScript

$(document).ready(function(){

$("body").append("<button class='btn btn-primary' id='clickbtn' >Click Me!</button>");
var modal = '<div class="modal-dialog">' 
    	    +'<div class="modal-content">'
    	    +' <div class="modal-header">'
+'<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>'
+'<h4 class="modal-title">Modal title</h4>'
+'</div>'
/*+'<div class="modal-body col-md-12">'
+'<h4 class="app_Graph_Title" style="width:10px;height:250px;">AverageResponseTime(ms):</h4>'*/
+							'<div class="modal-body col-md-24">'
+							'<div class="col-md-6">'
+					'<h4 class="Throughput Title" Style= "width:10px;height:200px">Throughput(Calls/min):<h4>' 
+							'</div>'
+						'<div class="col-md-6">'
+					'<h4 class="Error calls Title" Style="width:10px;height:200px">TotalCallsvsTotalErrorCalls:<h4>' 
+							'</div>'
+							'</div>'
+'</div>'
+'<div class="modal-footer">'
+'<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>'
/*+'<button type="button" class="btn btn-primary">Save changes</button>'
+'</div>'*/
+'</div>'
+'</div></div>';

var append = $("#myModal").append(modal);

$("#clickbtn").click(function(){
$('#myModal').modal("show");
});
});