JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

    <div id="modal-3" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>

            <h3 id="myModalLabel">Modal header</h3>
        </div>

        <div class="modal-body">
            <p>do you want to save partial info</p>
        </div>

        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true" id="finishNow">Finish Now</button>
            <button class="btn btn-primary" data-dismiss="modal" id="doItLater">Do It Later</button>
        </div>
    </div>

    <div class="container-fluid" id="content">
        <a href="#modal-3" role="button" class="btn" data-toggle="modal" id="confirmButton">Confirm</a>
    </div>

CSS

@import url('http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css');