JSFiddle - React, Tailwind, and code Playground

HTML

<div class="modal hide" id="myModal" style="display:none;">
    <div class="modal-header">
        <a class="close" data-dismiss="modal">×</a>
        <h3>This pops up somewhere</h3>
    </div>
    <div class="modal-body">
        <p>Here be some text</p>
        <p>And some more</p>
        <div class="btn-group">
            <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                This is a dropdown menu
                 <span class="caret"></span>
            </a>
            <ul class="dropdown-menu">
                <li><a href="#">Some</a></li>
                <li><a href="#">Nice</a></li>
                <li><a href="#">Links</a></li>
                <li><a href="#">Here</a></li>
            </ul>
        </div>
    </div>
    <div class="modal-footer">
        <a href="#" class="btn" data-dismiss="modal">Cancel</a>
        <a href="#" class="btn btn-primary">Save</a>
    </div>
</div>
<p class="main">
    <a id="trigger" href="#myModal" class="btn btn-large btn-primary" data-toggle="modal">Demo</a>
</p>

CSS

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

.main {
    min-height: 100%;
    padding: 2em;
}