JSFiddle - React, Tailwind, and code Playground

by agus makmun

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<button id="myTrigger" type="button" class="btn btn-primary">Open Small modal</button>

<div id="myModal" class="modal fade" tabindex="-1">
  <div class="modal-dialog modal-sm" role="document">
    <div class="modal-content">
      Continually facilitate customer directed niches vis-a-vis virtual total linkage. Globally empower scalable e-business with dynamic process improvements. Enthusiastically redefine customer directed content for optimal leadership. Credibly maximize backward-compatible sources after plug-and-play e-tailers. Holisticly transition state of the art best practices through customer directed networks.
    </div>
  </div>
</div>

JavaScript

$("#myTrigger").click(function(e){
	console.log(e);
  e.preventDefault();
  $("#myModal").modal('show');
});