JSFiddle - React, Tailwind, and code Playground

by marcalj

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.3.0/bootstrap.min.css">
<script src="http://twitter.github.com/bootstrap/1.3.0/bootstrap-modal.js"></script>

<div id="container">
<div id="main" role="main" class="container-fluid">
<section class="row">
<aside class="ws_sidebar">

<div>
  <ul>
    <li>
      <div>
        <button data-controls-modal="modal-from-dom" data-backdrop="true" data-keyboard="true" class="btn danger">Launch Modal</button>
          
<div id="modal-from-dom" class="modal hide fade">
    <div class="modal-header"><a href="#" class="close">&times;</a><h3>Modal Heading</h3></div>
    <div class="modal-body"><p>One fine body…</p></div>
    <div class="modal-footer"><a href="#" class="btn primary">Primary</a><a href="#" class="btn secondary">Secondary</a></div>
</div>
      </div>
    </li>
  </ul>
</div>