关于boostrap中模态框的问题点击后面背景模态框消失的问题

1.问题

    在做一个项目的时候需要使用模态框登陆，发现弹出模态框之后，点击模态框之后的背景色模态框马上消失。
    部分代码如下：
     

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                        <h4 class="modal-title text-center" id="myModalLabel">登陆</h4>
                    </div>
                    <div class="modal-body">
                        
                    </div>
                    <div class="modal-footer">
                    <a href="#">还没有账号,下载APP注册账号</a>
                    </div>
                </div>

2.解决方法：

在模态框的div中添加 data-backdrop="static",就可以解决了。
3.另外还有一个问题，就是a,button标签点击之后有时候会出现一个蓝色的边框，解决方法是：给会出现蓝色的边框的元素重写一个样式：{
    outline:none;
}