javascript - Bootstrap (v3.1.1) 模式不显示

Question

我查看了各种解决方案，但似乎无法正常工作。我使用以下代码创建了一个模式:

<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 文件)。

Answer 1

modal-content 类中缺少破折号

改变

<div class='modal content'>

为了...

<div class='modal-content'>