JSFiddle - React, Tailwind, and code Playground

by spitfire378

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <!-- Modal -->
  <div class="modal fade" id="modalConfirmOrder" tabindex="-1" role="dialog" aria-labelledby="modalConfirmOrder">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="modalConfirmOrder"><img class="center-block img-responsive" width="150" src="images/logo_meero.svg"></h4>
        </div>
        <div class="modal-body text-center">
          <p><strong>Hello Thomas, vos crédits sont distribués !</strong></p>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ut viverra ex, vel vehicula quam. Nullam a euismod justo. Donec vel ante erat. Vestibulum fringilla purus nec diam dictum viverra.</p>
          <button type="button" class="btn btn-default" data-dismiss="modal">OK</button>
        </div>
      </div>
    </div>
  </div>

JavaScript

$(document).ready(function() {

	$('#modalConfirmOrder').modal('show');

});