Bootstrap Skeleton

This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

by antouank

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<div class="container">
    <div class="span5">
        <h1>Bootstrap jsFiddle</h1>
        <p>popup dialog test</p>
        <p>
            <a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>
        </p>
    </div>
</div>

<div id="myModal" class="modal hide fade">
    <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 class="crazyP">Click me please…</p>
        <a href="#myModal2" role="button" class="btn" data-toggle="modal">Launch nested modal</a>
    </div>
    <div class="modal-footer"> 
        <a href="#" data-dismiss="modal" class="btn">Close</a>
        <a href="#" data-dismiss="modal" class="btn btn-primary">Save changes</a>
    </div>
</div>

<div id="myModal2" class="modal hide fade">
    <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 class="crazyP">Click me please…</p>
        <a href="#myModal2" role="button" class="btn" data-toggle="modal">Launch nested modal</a>
    </div>
    <div class="modal-footer"> 
        <a href="#" data-dismiss="modal" class="btn">Close</a>
        <a href="#" data-dismiss="modal" class="btn btn-primary">Save changes</a>
    </div>
</div>

CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');
 .container {
    margin: 10px;
}

JavaScript

$('.crazyP').click(function () {
    this.textContent += "click again click again click again click again click again click again click again ";
});