Model模态框点击其他除了模态框区域不消失

问题:
相信许多的小伙伴在使用Model(模态框)的时候都遇到多一个问题，就是在使用模态框时，在模态框中编辑一些信息，点击黑色区域（就是除了×号和按钮的暗色区域），模态框会消失，而再次打开模态框是，原来编辑的信息还在，十分的烦恼，那么怎么解决这个问题呢？
解决:

data-backdrop="static"

案例:

<div class="modal fade" id="add" tabindex="-1" role="dialog" data-backdrop="static" >//在模态框在最外层添加data-backdrop="static"就可以使模态框点击除了×号和关闭按钮外的其他区域不消失。