twitter-bootstrap - 默认情况下，引导模式在 HTML 中可见

Question

是否可以在没有 JavaScript 的情况下默认使 Bootstrap 模态可见？我试过了show，但它不起作用。

<div class="modal fade show" tabindex="-1" role="dialog" id="update-info-modal">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-body">
        <p>{{ message|nl2br }}</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-{{ label }}" data-dismiss="modal">{{ 'modal.language.close' | trans }}</button>
      </div>
    </div>
  </div>
</div>

标签： twitter-bootstrap

Answer 1

您可以尝试在样式中添加以下代码。

.modal.show {
  display: block;
}

但是，这不是推荐的方法。相反，您可以在第一次加载页面后立即触发模式。