如果使用class ="模态显示"

时间:2017-01-28 20:59:33

标签: twitter-bootstrap

我正在使用class =" modal show"在bootstrap模式中默认情况下在表单加载时显示模态。 但是我无法用class ="模态显示"来关闭这个模态。如果我使用class =" modal fade"而不是类="模态显示" ,它的工作正常。 工作代码如下。

  <div class="modal show modal-xs" id="paymentStatus" role="dialog">
<div class="modal-dialog">

  <!-- Modal content-->
  <div class="modal-content">

    <div class="modal-body">
         <span> <?php echo $_SESSION['status_message'];?></span>
    </div>
 <div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  </div>
  </div>

</div>

1 个答案:

答案 0 :(得分:0)

不要使用硬编码的css类.show来初始化时显示你的模态。相反,请使用data-show="true"

在你的例子中:

<div class="modal" id="myModal" role="dialog" data-show="true"></div>

bootstrap doc中的更多信息: http://getbootstrap.com/javascript/#modals-options