引导模态

Question

Bootstrap模式在任何浏览器中均不起作用。浏览器的代码中没有错误，也没有在控制台中触发任何错误。找不到问题。起初，我想到了浏览器的兼容性。后来我还更改了Chrome弹出窗口的设置。一切都很好，但是模态不起作用。 代码是这样的。甚至我都检查过标签。该错误仍未解决。我尝试了许多选择使其工作，但失败了。请帮助我

 <button type="button" class="btn btn-info" data-toggle="modal" data-target="#myModal">Artificial Intelligence</button>

      <div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            About AI
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
          </div>
        </div>
      </div>
    </div>

Answer 1

您是否在代码中包含了bootstrap js文件？请在没有有效的引导程序js的情况下检查它是否有效