<H4 class = "modal-title"> first-layer modal window </div>
<div class="modal-body">
<p>
<Button class = "btn-primary btn-lg" id = "m2"> open the second layer modal window </button>
Level 1 subject content
Subject content subject content
Subject content subject content
Subject content subject content
Subject content subject content
Subject content subject content
Subject content subject content
Subject content subject content
Level 1 subject content
Subject content subject content
Subject content subject content
Subject content subject content
Subject content subject content
Subject content subject content
Subject content subject content
Subject content subject content
Level 1 subject content
Subject content subject content
Subject content subject content
Subject content subject content
Subject content subject content
Subject content subject content
Subject content subject content
Subject content subject content
</p>
</div>
<div class="modal-footer">text-align: center;">
<Button type = "button" data-dismiss = "modal" class = "btn-default"> close </button>
</div>
</div>
<div id="secondmodal" class="modal container fade" tabindex="-1">display: none;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<H4 class = "modal-title"> Layer 2 modal window </div>
<div class="modal-body">
<p>
Level 2 subject content
Subject content subject content
Subject content subject content
Subject content subject content
Subject content subject content
Subject content subject content
Subject content subject content
Subject content subject content
Subject content subject content
Subject content subject content
Subject content subject content
</p>
</div>
<div class="modal-footer">text-align: center;">
<Button type = "button" data-dismiss = "modal" class = "btn-default"> close </button>
</div>
</div>
</body>