title: How can I display 'Delete Confirm Dialog' with bootstrap's modal? not like browser's default
body: <p>I was looking at this page( <a href="http://lesseverything.com/blog/archives/2012/07/18/customizing-confirmation-dialog-in-rails/" rel="noreferrer">http://lesseverything.com/blog/archives/2012/07/18/customizing-confirmation-dialog-in-rails/</a> ) It shows some codes in there but I don't understand how I can implement it to my app.  </p>
  
  <p>I use Rails3.2, Bootstrap.css and JQuery.<br>
  Can someone tell me what exactly I have to do to display 'Delete Confirm Dialog' with bootstrap's modal?</p>
  
  <p>UPDATE:</p>
  
  <p><strong>assets/javascripts/application.js</strong></p>
  
  <pre><code>// This is a manifest file that'll be compiled into application.js, which will include all the files
  // listed below.
  //
  // Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
  // or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
  //
  // It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
  // the compiled file.
  //
  // WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
  // GO AFTER THE REQUIRES BELOW.
  //
  //= require jquery
  //= require jquery-ui
  //= require twitter/bootstrap
  //= require_tree .
  //= require jquery.ui.datepicker
  //= require autocomplete-rails
  </code></pre>