JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<div id="myModal" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">Modal</div>
            <div class="modal-body">Modal No. <span>1</span><br /><button>Open another modal</button></div>
        </div>
    </div>
</div>

JavaScript

$("#myModal").modal("show");
var modalCount = 1;
$("body").on("click", "button", function()
               {
                   modalCount++;
                   var modal = $("#myModal").clone();
                   modal.attr("id", modal.attr("id") + modalCount);
                   modal.find("span").text(modalCount);
                   $('body').append(modal);
                   modal.modal("show");
               });