JSFiddle - React, Tailwind, and code Playground

by corin

HTML

<script src="https://raw.github.com/twitter/bootstrap/v2.2.1/docs/assets/js/bootstrap.min.js"></script>
          <!-- sample modal content -->
          <div id="myModal" 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">&times;</button>
              <h3 id="myModalLabel">Modal Heading</h3>
            </div>
            <div class="modal-body">
            </div>
          </div>
          <div id="demo" style="padding-bottom: 24px;">
              <a data-toggle="modal" data-target="#myModal" href="/gh/get/response.html/zalun/jsFiddleGithubDemo/tree/master/Demo/" class="btn btn-primary btn-large">Demo</a>
          </div>
          <div style="padding-bottom: 24px;">
              <a data-toggle="modal" data-target="#myModal" href="/gh/get/response.html/zalun/jsFiddleGithubDemo/tree/master/External-JS-In-Request.HTML/" class="btn btn-primary btn-large">External-JS-In-Request.HTML</a>
          </div>

CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');

JavaScript

$('#myModal').modal({show:false})
  .on('hidden', function () { $(this).removeData('modal') } )