2017-06-13 51 views
-1

这是我的codepen链接:https://codepen.io/saisree/pen/XgKeyR为什么我的模式窗口不显示?

当我点击添加按钮莫塔尔弹出不上来? 有人可以解决这个问题吗?

<a href="#" class="btn width100 FunctionBtn" data-toggle="modal" data-target="#basicModal"><span class="BtnText">Add</span></a> 

<div class="modal fade" id="basicModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
     <h4 class="modal-title" id="myModalLabel">Basic Modal</h4> 
     </div> 
     <div class="modal-body"> 
     <h3>Modal Body</h3> 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
    </div> 
    </div> 
</div> 
+0

你似乎没有任何JS ......在所有。你有没有考虑阅读** [引导模式](https://v4-alpha.getbootstrap.com/components/modal/)上的任何**文档? – Liam

回答

0

忘记你的文件:)包括bootstrap.js和jquery。对于CSS,包括bootstrap.css。

codepen.io/anon/pen/LLZmRY

相关问题