Bootstrap弹出框modal

<section>  
<a data-toggle="modal" href="#regModal" class="btn btn-primary">show!</a>         
    <div class="row">  
        <form id="regModal" class="modal hide fade form-horizontal" method="post" action="http://localhost" style="display:none">  
            <div class="modal-header">  
                <h1>Header</h1>  
            </div>  
            <div class="modal-body">  
                <fieldset>  
                    <div class="control-group">  
                        <label class="control-label" for="username">Username:</label>  
                        <div class="controls">  
                            <input type="text" name="username">  
                        </div>  
                    </div>  
                    <div class="control-group">  
                        <label class="control-label" for="password">Password:</label>  
                        <div class="controls">  
                            <input type="password" name="password">  
                        </div>  
                    </div>  
                </fieldset>  
            </div>  
            <div class="modal-footer">  
                <input  type="submit" class="btn btn-primary" value="Submit!">  
                <input type="button" class="btn" value="Close!" data-dismiss="modal">  
            </div>  
        </form>  
    </div>  
</section>

也可通过 $(“#regModal”).modal()来打开

参考网站:http://friskit.me/2012/03/bootstrap-modal/
http://wrongwaycn.github.io/bootstrap/docs/javascript.html#modals