クズと天才は紙一重

不定期更新です。主に日々の活動記録( ・ㅂ・)و ̑̑

modal

erbでの記述

<div class="modal fade" tabindex="-1" role="dialog" data-backdrop="false">
 <div class="modal-dialog" role="document">
  <div class="modal-content">
   <div class="modal-header">
   <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
   <h4 class="modal-title">タイトル</h4>
   </div>
   <div class="modal-body">
   </div>
  </div>
 </div>
</div>

 

slimでの記述

.modal.fade tabindex="-1" role="dialog" data-backdrop="false"
 .modal-dialog role="document"
  .modal-content
   .modal-header
   button type="button" class="close" data-dismiss="modal" aria-label="Close" &times;
   h4 class="modal-title" タイトル
   .modal-body

data-backdrop="false"

黒い画面と画面外をクリックした時に、閉じるのをなくすオプション。

 

jsの

$('.modal').modal('show');

$('.modal').modal('hide');

で開いたり、閉じたり