title: Bootstrap modal doesn't work correctly with bootstrap.js
body: <p>I'm developping a Bootstrap application inside the intranet of a company. The intranet is composed of a navbar made with Bootstrap and my application is included under this navbar. In the intranet both css and js bootstrap files are included and my app is included with the PHP command "include_once". </p>
  
  <p>I have made a simple button which trigger a modal dialog. It works perfectly but the events on open or close the modal don't work.
  When I include <em>bootstrap.js</em> in my application the events work : I created an event which show an alert when the modal is closed :    </p>
  
  <pre><code>&lt;script&gt;
      $('#myModal').on('hidden.bs.modal', function (e) {
        alert("closed");
      })
  &lt;/script&gt;
  </code></pre>
  
  <p>When I use the close button or the close icon, the alert is displayed, but when I click outside of the modal, the modal is closed but I don't have the alert because I find out that this line was created twice :</p>
  
  <pre><code>&lt;div class="modal-backdrop fade in"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>It seems that the <em>bootstrap.js</em> file, included in the general page is only half used and if I include mine, some things are done twice.</p>
  
  <p>Do you have a solution for that problem ?</p>