Quick bootstrap modal demo

modal.html

<div id='new_comment' class='fade modal'>
    <form class='form-stacked' action="{% comment_form_target %}" method="POST">{% csrf_token %}
        <div class='modal-header'>
            <a href="#" class="close">x</a>
            <h3>Discuss Activity</h3>
        </div>
        <div class='modal-body'>
            <p>Have a question? Need more information? Add a new comment to the discussion using the form below:</p>
            {{ comment_form.as_custom }}
            <input type='hidden' name='name' value='{{ profile }}'/>
            <input type='hidden' name='url' value='{{ profile.get_absolute_url }}'/>
            <input type='hidden' name='email' value='{{ profile.user.email }}'/>
            <input type="hidden" name="next" value="{{ activity.get_absolute_url }}" />
        </div>
        <div class='modal-footer'>
            <button class='btn cancel'>Cancel</button>
            <button class='btn primary' type='submit'>Submit</button>
        </div>
    </form>
</div>