Javascript 引导（v3.1.1）模式不显示

我已经研究了各种各样的解决方案，但似乎无法使其发挥作用。我使用以下代码创建了一个模态：

<div aria-hidden='true' aria-labelledby='newSpeakerLabel' class='modal fade speaker-form' role='dialog' tabindex='-1'>
  <div class='modal-dialog'>
    <div class='modal content'>
      <div class='modal-header'>
        <button aria-hidden='true' class='close' data-dismiss='modal' type='button'>&times;</button>
        <h4 class='modal-title' id='newSpeakerLabel'>New Speaker</h4>
      </div>
      <div class='modal-body'>
        Put the form here
      </div>
      <div class='modal-footer'>
        <button class='btn btn-default' data-dismiss='modal' type='button'>Close</button>
        <button class='btn btn-primary' type='button'>Save Speaker</button>
      </div>
    </div>
  </div>
</div>
<h1>Speakers</h1>
<div class='well bs-component'>
  <fieldset>
    <!-- Display each speaker -->
    <!-- Link that launches the modal -->
    <button class='btn btn-primary btn-sm' data-target='.speaker-form' data-toggle='modal'>Add speaker</button>
  </fieldset>
</div>

&时代；
新发言人
把表格放在这里
接近
保存扬声器
演讲者
添加扬声器

---

当我点击“添加扬声器”按钮时，所发生的一切就是页面变暗，好像模态会出现，但它永远不会出现。有什么想法吗？谢谢（是的，我添加了bootstrap.min.js文件）。

您在

模式内容

类中缺少破折号

改变

<div class='modal content'>

到

不是100%确定，但它可能必须通过ID而不是类激活吗？@BillyMoat我最初是用ID启动的，它没有改变它。

<div class='modal-content'>