私のモーダルウィンドウが表示されないのはなぜですか？

Question

私は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> 

Answer 1

忘れたファイル:) bootstrap.jsとjqueryも含めます。 CSSにはbootstrap.cssが含まれています。

codepen.io/anon/pen/LLZmRY