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

我环顾了各种解决方案，但似乎无法得到此工作。我用下面的代码来创建模式：引导（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文件）。

来源

2014-04-06 Nick ONeill

不是100％肯定，但它可能不得不通过ID激活而不是一个班级？ –

@BillyMoat我最初是从一个ID开始的，它并没有改变它。 –

你缺少在modal-content类划线

变化

<div class='modal content'>

到...

<div class='modal-content'>

来源

2014-04-06 19:14:17 Schmalzy

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

回答

相关问题