css - 单击关闭按钮时，我的 Bootstrap 警报框不会关闭

Question

我正在尝试向我的 React 元素添加一个可关闭的 Bootstrap 警告框。我相信我已经按正确顺序安排了所有内容，但是当我单击 X 时，它不会关闭。

<div id="index-alert" className="alert alert-danger alert-dismissable">
  <button type="button" className="close" data-dismiss="alert" aria-hidden="true"></button>
  {this.getIntlMessage('contactsInfoAlert')}
</div>

这是 React 特有的问题吗？还是我没有使用正确的语法？

Answer 1

在使用 Bootstrap 4 时遇到了这个问题，通过将以下行添加到 index.js

解决了这个问题

导入 'bootstrap/dist/js/bootstrap';