<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>