Bootstrap多个模态框显示不正常

最近使用bootstrap的modal时，遇上一个问题。同样的modal，内容一模一样，但是只能显示第一个，第二个显示不正常。
表现为“屏幕变黑，但是modal没显示出来”
查询得知，可能是多个modal引用冲突，解决方案是在最外层加个div，用div包裹起来

<!--这个div就是用来包裹modal的-->
<div> 
               <div id="staticA" class="modal fade" tabindex="-1" data-backdrop="static" data-keyboard="false" >
               .........
  </div>

把两个modal外层都加上div后，显示就正常了。