JSFiddle - React, Tailwind, and code Playground

by marianc

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<!-- start of modal dialog box -->
<div class="modal fade" id="myModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h3>Modal header</h3>
            </div>
            <div class="modal-body">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
                <p>
                    Ut nunc libero, sodales venenatis gravida nec, posuere quis ante.
                    Phasellus lobortis molestie felis, vitae sagittis ipsum vehicula lobortis.
                </p>
                <p>
                    Quisque lacus mi, gravida vel facilisis ac, malesuada vel augue.
                    In ac leo eget tellus aliquet aliquam. Nam faucibus urna ac justo fringilla eu
                    sollicitudin quam pretium. Proin pellentesque adipiscing sapien, non dignissim
                    massa porttitor dictum. Integer tempor aliquam arcu, eget vehicula ipsum auctor at.
                </p>
            </div>
            <div class="modal-footer" data-dismiss="modal">
                <a href="#" class="btn">Close</a>
                <a href="#" class="btn btn-green">Save changes</a>
            </div>
        </div>
    </div>
</div>
<!-- end of modal dialog box -->

JavaScript

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