我查看了各种解决方案,但似乎无法正常工作。我使用以下代码创建了一个模式:
<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'>×</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 文件)。
最佳答案
modal-content
类中缺少破折号
改变
<div class='modal content'>
为了...
<div class='modal-content'>
关于javascript - Bootstrap (v3.1.1) 模式不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22898520/