莫代尔没有出现

Question

我正在使用Stardom管理员模板。我正在研究Modals，问题是我的屏幕会消失，并且会显示一个模态，但它处于非活动状态，我无法对其执行任何操作。

我的代码：

<a href="#" class="tableLinks" data-toggle="modal" data-target="#alertModal">
  <i class="fa fa-eye" title="Make inactive"></i>
</a>
<div class="modal fade" id="alertModal" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-dialog-sm">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;     </button>
        <h4 class="modal-title text-center">Are you sure that's what you want?</h4>
      </div>
      <div class="modal-body">
        <p class="margin-bottom-lg"> It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
        <div class="form-group text-center">
          <button type="button" class="btn btn-success btn-gradient margin-right-sm" data-dismiss="modal">
            <i class="fa fa-check"></i> Of course I am
          </button>
          <button type="button" class="btn btn-danger btn-gradient" data-dismiss="modal">
            <i class="fa fa-warning"></i> No nevermind
          </button>
        </div>
      </div>
    </div>
  </div>
</div>

以下是模式在屏幕上的显示方式：