JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<div></div>
<img src="http://placekitten.com/g/400/264" style="width: 400px; height: 264px;">
<img id="the-modal" class="modal fade" src="http://placekitten.com/g/400/264" style="width: 800px; height: 518px;">
<a href="http://placekitten.com/g/400/264" id="pop">
    Click to Enlarge
</a>

JavaScript

$("#pop").on("click", function(e) {
   e.preventDefault();
   $('#the-modal').modal('toggle');
});