Code for creating Modal with Bootstrap

Modal is a dialog box which appear whenever you click link or button. It faces in when you click and the rest of the content fades out.
<!-- modal -->
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <a data-toggle="modal" href="#myModal">Login</a>
     
            <div class="modal fade" id="myModal"tabindex="-1" role="dialog" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h2>Login</h2>
                        </div>
                        <div class="modal-body">
                            //login form goes here
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-primary" data-dismiss="modal"></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
DEMO:

fig: modal with Bootstrap