2017-06-13 46 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

相關問題