在bootstrap的CSS中样式中淡入淡出的样式。
如果模态框的div在当前页面中，那么有可能其他的样式被覆盖。解决方式就是重写下面CSS样式。
 .modal.fade {
 top: -100%;  //bootstrap中的top是-25%
 -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
 -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
 -o-transition: opacity 0.3s linear, top 0.3s ease-out;
 transition: opacity 0.3s linear, top 0.3s ease-out;
 }