JSFiddle - React, Tailwind, and code Playground

by fredd man

HTML

<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">

      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title"><i class="fa fa-exclamation-circle"></i>&nbsp; //Your modal Title</h4>
        </div>
        <div class="modal-body">
          //Your modal Content
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
        </div>
      </div>

    </div>
</div>
<script> $(window).on('load',function(){
	$('#myModal').modal('show');
});</script>

<head>


<script src="https://embed-ssl.wistia.com/deliveries/04c83b82b5c78a42d9281790c642bc3c.bin?disposition=attachment&filename=jquery.js"></script>
<script src="https://embed-ssl.wistia.com/deliveries/7ed633a464251a56d18b4c3ea4b2cf7b.bin?disposition=attachment&filename=bootstrap.js"></script>
<script src="https://embed-ssl.wistia.com/deliveries/59f668b3333dfc0444f4eeda3baae84d.bin?disposition=attachment&filename=bootstrap.css"></script>
</head>