BootStrap2学习日记23---弹出对话框

<a href="#login" data-toggle="modal" class="btn btn-primary">登陆</a>
    <div class="modal hide fade" id="login">
    <div class="modal-header">
    <a href="#" data-dismiss="modal" class="close">×</a>
    <h4>Login</h4>
    </div>
    <form class="form-horizontal">
    <div class="modal-body">
    <div class="control-group">
        <label class="control-label">UserName:</label>
        <div class="controls">
            <input type="text">
        </div>
    </div>
        <div class="control-group">
        <label class="control-label">Password:</label>
        <div class="controls">
            <input type="text">
        </div>
    </div>
    </div>
    <div class="modal-footer">
    <button class="btn btn-small btn-success">Login</button>
    </div>
    </form>
   
    </div>